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     }

ps:以下方便自己记忆写在此处

1.clientWidth和clientHeight是指的元素的内尺寸，元素内容+内边距

2.offsetWidth和offsetHeight是指元素的外尺寸，元素内容+内边距+边框

3.clientLeft和clientTop是分别是指元素的border-left与border-top的值

4.offsetLeft和offsetTop指的是该元素左上角变框的外边缘与父容器内边距的值 不包含border边框值

5. offsetParent对象是指元素最近的定位（relative,absolute）祖先元素，如果没有祖先元素是定位的话，会返回null