關於獲取各種瀏覽器可見視窗大小的一點點研究
在我本地測試當中：
在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高）
頁面寬高 滾動條相關JS
取視窗滾動條距離文件頂部高度 function getinfo 取視窗滾動條距離文件頂部高度 function getscrolltop else if document.body return scrolltop 取視窗滾動條本身的寬度 function getscrollwidth 判斷乙個容器...
jquery獲取元素各種寬高及頁面寬高總結
window.onload function 獲取瀏覽器顯示區域 可視區域 的高度 window height 獲取瀏覽器顯示區域 可視區域 的寬度 window width 獲取頁面的文件高度 document height 獲取頁面的文件寬度 document width 瀏覽器當前視窗文件bo...
jquery獲取元素各種寬高及頁面寬高總結
window.onload function 獲取瀏覽器顯示區域 可視區域 的高度 window height 獲取瀏覽器顯示區域 可視區域 的寬度 window width 獲取頁面的文件高度 document height 獲取頁面的文件寬度 document width 瀏覽器當前視窗文件bo...