JavaScript取得頁面高度的方法

<script><br/>function getInfo()<br/>{<br/>    var s = "";<br/>    s += " 網頁可見區域寬："+ document.body.clientWidth;<br/> . body.clientHeight;<br/>    s += " 網頁可見區域寬："+ document.body.offsetWidth + " (包括邊線和捲軸的寬)";<br/>    s += " 網頁可見區域高："+ document.body. offsetHeight + " (包括邊線的寬)";<br/>    s += " (包括邊線的寬)";<br/>    s += " (包括邊線的寬)";<br/>    s += " (含邊線的寬)";<br/>    s += " 網頁內文全文寬："+ document.body.scrollWidth;<br/>    s += " 2 = " 網頁被捲去的高(ff)："+ document.body.scrollTop;<br/>    s += " 網頁被捲去的高(ie)："+ document.網頁被捲去的高(ff)："+ document.body.scrollTop;<br/>    s += " 網頁被捲去的高(ie)："+ document.網頁被插入。scrollTop;<br/>    s += " documentElement.scrollTop;<br/>    s += " documentElement.scrollTop;<br/> 捲去的左："+ document.body.scrollLeft;<br/>    s += " 網頁正文部分上："+ window.screenTop;<br/>    s += " 部分左："+ window.screen    s += " 部分左："+ window.screen hft;螢幕解析度的高度："+ window.screen.height;<br/>    s += " 螢幕解析度的寬度："+ window.screen.width;<br/>    s += " 螢幕可用工作區高度："+ window.screen. availHeight;<br/>    s += " 螢幕可用工作區寬度："+ window.screen.availWidth;<br/>    s += " 你的螢幕設定為"+ window.screen.colorDepth +" 位元彩色";的螢幕設定"+ window.screen.deviceXDPI +" 像素/英吋";<br/>    //alert (s);<br/>}<br/>getInfo();<br/></script>
在我本地測試當中：
在IE、FireFox、IE、FireFox、IE Opera下方都可以使用
document.body.clientWidth
document.body.clientHeight
即可取得，很簡單，很方便。
而在公司專案當中：
Opera仍然使用
document.body.clientWidth
document.body.clientHeight
可是IE和FireFox則使用
document.documentElement.MiduntofentWidth木.啊
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.clientHeight ==> BODY 物件高度
document.documentElement.clientWidth === . document.documentElement.clientHeight ==> 可見區域高度
 

 

在Opera中：
document.body.clientWidth ==> 可見區域寬度
document.body.clientHeight ==clients. => 頁面物件寬度（即BODY物件寬度加上Margin寬）
document.documentElement.clientHeight ==> 頁面物件高度（即BODY物件高度加上Margin高）
而如果沒有定義W3C的標準，則
IE為：
document.documentElement.clientWidth ==> 0
document.documentElement.clientHeight ==> 0
FireFox為：
document.documentElement.clientWidth ==> 頁面物件寬度（即為寬幅物件寬度（即Margindocum）。 .clientHeight ==> 頁面物件高度（即BODY物件高度加上Margin高）
Opera為：
document.documentElement.clientWidth ==> 頁面物件寬度（即BODY物件寬度加上Margin寬）document.documentElement.clientHeight = => 頁面物件高度（即BODY物件高度加上Margin高）