關于獲取各種瀏覽器可見窗口大小的一點點研究。

?在我本地測試當中：

?在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的標準在作怪啊 ?http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ?如果在頁面中添加這行標記的話 ???

在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高） ?

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

轉載于:https://www.cnblogs.com/yezhenhan/archive/2011/06/17/2083562.html

總結

以上是生活随笔為你收集整理的Javascript 获取页面高度（多种浏览器）【转】的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。