各種 Height

element.clientHeight
offsetHeight
scrollHeight
[轉]javascript：獲取屏幕高度和寬度等信息 & 製作滾動窗體時遇到的問題

網頁可見區域寬： document.body.clientWidth
網頁可見區域高： document.body.clientHeight
網頁可見區域寬： document.body.offsetWidth (包括邊線的寬)
網頁可見區域高： document.body.offsetHeight (包括邊線的高)
網頁正文全文寬： document.body.scrollWidth
網頁正文全文高： document.body.scrollHeight
網頁被捲去的高： document.body.scrollTop
網頁被捲去的左： document.body.scrollLeft
網頁正文部分上： window.screenTop
網頁正文部分左： window.screenLeft
屏幕分辨率的高： window.screen.height
屏幕分辨率的寬： window.screen.width
屏幕可用工作區高度： window.screen.availHeight
屏幕可用工作區寬度： window.screen.availWidth


窗口是只看得到的地方, 頁面連看不到的地方都算

window.innerHeight, document.body.clientWidth 都是指看得到的區域的高度
offsetHeight 是指真正內容的高度
scrollHeight 是指整個頁面的高度
document.body.scrollTop, window.pageYOffset 是指 捲軸頂端離頁面頂端的距離

圖一
http://www.flickr.com/photos/26011139@N05/3377955143/sizes/o/

圖二
http://www.flickr.com/photos/26011139@N05/3377955145/sizes/o/

圖三
http://www.flickr.com/photos/26011139@N05/3377955149/sizes/o/

從這三張圖, 可以知道
offsetHeight 內容高度都是不變的, 合情合理, 內容多高就是多高
scrollHeight 會隨著你視窗能拉多大而變大, 可是最小值是出現scroll 時的值
還有注意 距離頁面頂端的距離 其實就是 你捲軸的距離加上, 離窗口頂端的距離