JS gets the various heights of the Web page

Source: JS Gets the various heights of the Web page

Web page Visible area width: document.body.clientWidth
Web page Visible Area height: document.body.clientHeight
Web page Visible Area width: document.body.offsetWidth (including edge width)
Web page Visible Area High: document.body.offsetHeight (including edge height)
Page body Full text width: document.body.scrollWidth
Page body Full text High: Document.body.scrollHeight
Page is rolled away High: document.body.scrollTop
Webpage is rolled away left: document.body.scrollLeft
Page body part: Window.screentop
Page body part left: Window.screenleft
High screen resolution: Window.screen.height
Width of screen resolution: Window.screen.width
Screen available work area height: window.screen.availHeight
Screen available work area width: window.screen.availWidth

Because I can't remember that, so turn around and see it.

The above belongs to reprint, source http://www.cnblogs.com/wuchao/should be this source it

With this, I can load the image code dynamically.

1Document.onmousewheel =function () {2     varscrolltop = Document.documentElement.scrollTop | |Document.body.scrollTop;3     varHght =Document.body.scrollHeight;4     if(ScrollTop + document.documentElement.clientHeight >=hght) {5                         /*write the code to load the picture here*/6}