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 的解释与上面相同。