js擷取網頁的各種高度

標籤：style   blog   class   code   c   color   

原文:js擷取網頁的各種高度

網頁可見地區寬： 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

因為一直記不住這些所以轉過來常看看就應該能記住了

以上屬於轉載，出處http://www.cnblogs.com/wuchao/ 應該是這個出處吧

有了這個我就可以來動態載入圖片代碼了

1 document.onmousewheel = function () {2     var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;3     var hght = document.body.scrollHeight;4     if (scrollTop + document.documentElement.clientHeight >= hght) {5                         /*在這裡寫載入圖片的代碼*/6     }