clientHeight、scrollHeight、offsetHeight的定义与区别

window.screen.availHeight返回当前屏幕高度(空白空间)
window.screen.height返回当前屏幕高度(分辨率值)
window.document.body.offsetHeight;返回当前网页高度

我们这里说说IE和FF对document.body的clientHeight、offsetHeight和scrollHeight的解释。

clientHeight是内容可视区域的高度，就是通过浏览器看到内容的这个区域高度，与页面内容无关。

offsetHeight
IE认为offsetHeight=clientHeight+滚动条+边框。
FF认为offsetHeight是网页内容实际高度，可以小于clientHeight。

scrollHeight
IE认为scrollHeight是网页内容实际高度，可以小于clientHeight。
FF认为scrollHeight是网页内容高度，不过最小值是clientHeight。

简单地说
FF认为offsetHeight和scrollHeight都是网页内容高度，只不过当网页内容高度小于等于clientHeight时，scrollHeight的值是clientHeight，而offsetHeight可以小于clientHeight。
IE认为offsetHeight是可视区域clientHeight滚动条加边框。scrollHeight则是网页内容实际高度。

同理
clientWidth、offsetWidth和scrollWidth的解释与上面相同。