JS獲取各種瀏覽器視窗的大小

2021-06-14 17:19:56 字數 2100 閱讀 3471

在網上找了差不多一下午的時間,終於找到了乙個可以獲取ie8視窗大小的文件了

js獲取各種瀏覽器視窗的大小 

getinfo();

在我本地測試當中: 

在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的標準在作怪啊 

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

在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高) 

真是一件麻煩事情,其實就開發來看,寧可少一些物件和方法,不使用最新的標準要方便許多啊。

另外,再附上乙個獲取當前可見區域大小的函式

function getwindowwidth() 

else

else

}} return windowwidth;

}

jquery獲取當前視窗寬度的方法
獲取瀏覽器顯示區域的高度:$(window).height();
獲取瀏覽器顯示區域的寬度:$(window).width();
獲取頁面的文件高度:$(window).height();
獲取頁面的文件寬度:$(window).width();
jquery

JS 獲取瀏覽器視窗大小

js 獲取瀏覽器視窗大小 獲取視窗寬度 if window.innerwidth winwidth window.innerwidth else if document.body document.body.clientwidth winwidth document.body.clientwidth...

JS 獲取瀏覽器視窗大小

js 獲取瀏覽器視窗大小 js 獲取瀏覽器視窗大小 獲取視窗寬度 if window.innerwidth winwidth window.innerwidth else if document.body document.body.clientwidth winwidth document.bod...

JS 獲取瀏覽器視窗大小

js 獲取瀏覽器視窗大小 獲取視窗寬度 if window.innerwidth winwidth window.innerwidth else if document.body document.body.clientwidth winwidth document.body.clientwidth...