獲取各種瀏覽器可見視窗大小方面的差別

2022-07-22 02:15:10 字數 1681 閱讀 6683

在 我本地測試當中:

在ie、firefox、opera下都可以使用

document.body.clientwidth

document.body.clientheight

即 可獲得,很簡單,很方便。

而在公司專案當中:

opera仍然使用

document.body.clientwidth

document.body.clientheight

可 是ie和firefox則使用

document.documentelement.clientwidth

document.documentelement.clientheight

原 來是w3c的標準在作怪啊

html

public "-//w3c//dtd xhtml 1.0 transitional//en" "

">

如 果在頁面中新增這行標記的話

在ie中:

document.body.clientwidth ==> body物件寬度

document.body.clientheight ==> body物件高度

document.documentelement.clientwidth ==> 可見區域寬度

document.documentelement.clientheight ==> 可見區域高度

在firefox中:

document.body.clientwidth ==> body物件寬度

document.body.clientheight ==> body物件高度

document.documentelement.clientwidth ==> 可見區域寬度

document.documentelement.clientheight ==> 可見區域高度

?在 opera中:

document.body.clientwidth ==> 可見區域寬度

document.body.clientheight ==> 可見區域高度

document.documentelement.clientwidth ==> 頁面物件

寬度(即body物件 寬度加上margin寬)

document.documentelement.clientheight ==> 頁面物件高度(即body物件高度加上margin高)

而如果沒有定義w3c的標準,則

ie為:

document.documentelement.clientwidth ==> 0

document.documentelement.clientheight ==> 0

firefox為:

document.documentelement.clientwidth ==> 頁面物件寬度(即body物件寬度加上margin寬)document.documentelement.clientheight ==> 頁面物件高度(即body物件高度加上margin高)

opera為:

document.documentelement.clientwidth ==> 頁面物件寬度(即body物件寬度加上margin寬)document.documentelement.clientheight ==> 頁面物件高度(即body物件高度加上margin高)

獲取各種瀏覽器可見視窗大小

在我本地測試當中 在ie firefox opera下都可以使用 document.body.clientwidth document.body.clientheight 即可獲得,很簡單,很方便。而在公司專案當中 opera仍然使用 document.body.clientwidth docume...

獲取各種瀏覽器可見視窗大小

關於獲取各種瀏覽器可見視窗大小的一點點研究 在我本地測試當中 在ie firefox opera下都可以使用 document.body.clientwidth document.body.clientheight 即可獲得,很簡單,很方便。而在公司專案當中 opera仍然使用 document.b...

關於獲取各種瀏覽器可見視窗大小

關於獲取各種瀏覽器可見視窗大小 在我本地測試當中 在ie firefox opera下都可以使用 document.body.clientwidth document.body.clientheight 即可獲得,很簡單,很方便。而在公司專案當中 opera仍然使用 document.body.cl...