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的解释与上面相同。
分享到：
相关推荐
clientHeight offsetHeight scrollHeight clientWidth详解
clientHeight,offsetHeight,scrollHeight,offsetParent和parentElement,offsetLeft.
NULL 博文链接：https://love2java.iteye.com/blog/403776
在网上搜了一下，结论非常笼统，讲IE从不讲版本，因此自己做了测试并上传结论。以下结论皆是在标准模式下测试通过的，没有测试quirk模式。 clientHeight ...offsetHeight在IE6，IE7，IE8以及最新的的FF, Chr
大厂前端面试题目|# 前端基础知识 ...本章将通过多个面试题，讲解前端常考的基础知识面试题，同时复习一些重要的知识点。 ## 为何要考察 扎实的前端基础知识，是作为前端工程师的根本。基础知识能保证最基本的使用，...
四种浏览器对_clientHeight、offsetHeight、scrollHeight、clientWidth、offsetWidth_和_scrollWidth_的解
clientHeight，只读 clientHeight可以用公式 CSS height + CSS padding – 水平滚动条的高度 (如果存在) 来计算。 如图，这样一个div，它的clientHeight为95，计算：50(height)+30(padding-top)+30(padding-bottom)...
top、postop、scrolltop、offsetTop、scrollHeight、offsetHeight、clientHeight 等应用，大家可以参考下。
scrollHeight,clientHeight,offsetHeight的区别 说明： scrollHeight：DOM元素的实际内容的高度，不包border的高度，会随DOM元素中内容的增加(超过可视区后)而变大。 clientHeight：DOM元素内容可视区的高度，不包含...
尺寸相关：offsetHeight、clientHeight、scrollHeight； 偏移相关：offsetTop、clientTop、scrollTop、pageYOffset、scrollY； 获取相对视口位置：Element.getBoundingClientRect()； 获取元素的style对象：...
scrollLeft,scrollWidth,clientWidth,offsetWidth完全详解 2009年12月14日，16:58:19 | ArthurXF ...(需要提一下：CSS中的margin属性，与clientWidth、offsetWidth、clientHeight、offsetHeight均无关)
每次看到js中的 clientHeight(clientTop), offsetHeight(offsetTop)，scrollHeight(scrollTop)就头大，根本分不清这几种的区别，然而碰到这些已经不 值一两次了，然后每次都要查看一下各自的区别，才能决定使用哪个...
1.四种浏览器对 document.body 的 clientHeight、offsetHeight 和 scrollHeight 的解释。这四种浏览器分别为IE（Internet Explorer）、NS（Netscape）、Opera、FF（FireFox）。clientHeight大家对 ...
关于clientHeight、offsetHeight、scrollHeight window.screen.availWidth 返回当前屏幕宽度(空白空间) window.screen.availHeight 返回当前屏幕高度(空白空间) window.screen.width 返回当前屏幕宽度(分辨率值) ...
在js中，存在着N多的关于高度和宽度的属性，比如：clientHeight、offsetHeight、scrollHeight、availHeight、scrollLeft、scrollTop、style.height、innerHeight、outerHeight、scree.height等等……这么多，傻傻分...
在ie6中很多js脚本执行就会出现问题，一般是在获取clientWidth, clientHeight,offsetWidth, offsetHeight,scrollWidth, scrollHeight,scrollTop, scrollLeft会返回不正确的值。 因为在加了doctype后，在ie6中...
网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth (包括边线和滚动条的宽); 网页可见区域高： document.body.offsetHeight (包括边线的宽); 网页正文全文宽： document...
document.body.clientHeight – 网页可见区域高 document.body.offsetWidth – 网页可见区域宽，包括边线和滚动条的宽 document.body.offsetHeight – 网页可见区域高，包括边线和滚动条的高[FF,chrom下是整个页面高...
网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth (包括边线的宽); 网页可见区域高： document.body.offsetHeight (包括边线的宽); 网页正文全文宽： document.body....