網頁高度計算方法

2022-02-18 23:29:04 字數 2533 閱讀 8583

對於document.compatmode,很多朋友可能都根我一樣很少接觸,知道他的存在卻不清楚他的用途。今天在ext中看到 document.compatmode的使用,感覺這個對於我們開發相容性的web頁面還是很有幫助,我們都知道,ie對盒模型的渲染在 standards mode和quirks mode是有很大差別的,在standards mode下對於盒模型的解釋和其他的標準瀏覽器是一樣,但在quirks mode模式下則有很大差別,而在不宣告doctype的情況下,ie預設又是quirks mode。所以為相容性考慮,我們可能需要獲取當前的文件渲染方式。

document.compatmode正好派上用場,它有兩種可能的返回值:backcompat和css1compat,對其解釋如下:

backcompat standards-compliant mode is not switched on. (quirks mode)

css1compat standards-compliant mode is switched on. (standards mode)

在實際的專案中,我們還需要在獲取瀏覽是否ie,這樣就可以得到ie的渲染模式了。在ext中的**:isborderbox=isie&&!isstrict。

當文件有了標準宣告時, document.compatmode 的值就等於 "css1compat", 因此, 我們可以根據 document.compatmode 的值來判斷文件是否加了標準宣告

var height = document.compatmode=="css1compat" ? document.documentelement.clientheight : document.body.clientheight;

document.compatmode用來判斷當前瀏覽器採用的渲染方式。

官方解釋:

backcompat:標準相容模式關閉。

css1compat:標準相容模式開啟。

當document.compatmode等於backcompat時,瀏覽器客戶區寬度是document.body.clientwidth;

當document.compatmode等於css1compat時,瀏覽器客戶區寬度是document.documentelement.clientwidth。

瀏覽器客戶區高度、滾動條高度、滾動條的left、滾動條的top等等都是上面的情況。

乙個準確獲取網頁客戶區的寬高、滾動條寬高、滾動條left和top的**:

if (document.compatmode == "backcompat")

else

對於document.compatmode,很多朋友可能都根我一樣很少接觸,知道他的存在卻不清楚他的用途。今天在ext中看到 document.compatmode的使用,感覺這個對於我們開發相容性的web頁面還是很有幫助,我們都知道,ie對盒模型的渲染在 standards mode和quirks mode是有很大差別的,在standards mode下對於盒模型的解釋和其他的標準瀏覽器是一樣,但在quirks mode模式下則有很大差別,而在不宣告doctype的情況下,ie預設又是quirks mode。所以為相容性考慮,我們可能需要獲取當前的文件渲染方式。

document.compatmode正好派上用場,它有兩種可能的返回值:backcompat和css1compat,對其解釋如下:

backcompat standards-compliant mode is not switched on. (quirks mode)

css1compat standards-compliant mode is switched on. (standards mode)

在實際的專案中,我們還需要在獲取瀏覽是否ie,這樣就可以得到ie的渲染模式了。在ext中的**:isborderbox=isie&&!isstrict。

當文件有了標準宣告時, document.compatmode 的值就等於 "css1compat", 因此, 我們可以根據 document.compatmode 的值來判斷文件是否加了標準宣告

var height = document.compatmode=="css1compat" ? document.documentelement.clientheight : document.body.clientheight;

document.compatmode用來判斷當前瀏覽器採用的渲染方式。

官方解釋:

backcompat:標準相容模式關閉。

css1compat:標準相容模式開啟。

當document.compatmode等於backcompat時,瀏覽器客戶區寬度是document.body.clientwidth;

當document.compatmode等於css1compat時,瀏覽器客戶區寬度是document.documentelement.clientwidth。

瀏覽器客戶區高度、滾動條高度、滾動條的left、滾動條的top等等都是上面的情況。

乙個準確獲取網頁客戶區的寬高、滾動條寬高、滾動條left和top的**:

if (document.compatmode == "backcompat")

else

C 在Winform下文字高度計算方法

首先明確一點,winform下的所有ui繪製都是基於gdi 的,所以網上能找到的關於文字高寬計算的都採用以下方式來進行 string content 目標文字 graphics g this.creategraphics this是指所有control派生出來的類,這裡是個form sizef si...

跨域iframe高度計算

一 同域獲取iframe內容 這裡有兩個細節 1.取iframe內的文件物件,標準瀏覽器使用 contentdocument屬性,ie低版本 ie6,7,8 使用 document屬性。2.calcpageheight函式計算頁面的實際高度,標準瀏覽器使用document.documenteleme...

網頁高度計算及瀏覽器適配的理解

網頁上有 meta name viewport 標籤,它的寬度表示螢幕能顯示的css px 寬度,使用document.documentelement.clientwidth可以獲取 通常將它設定成device width可以使1px的css能在各個手機上展示的一樣,dev width 部分手機可以...