Javascript 擷取頁面高度（多種瀏覽器）

關於擷取各種瀏覽器可見視窗大小的一點點研究。

 在我本地測試當中：

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

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