document.body和document.documentElement比较

最新推荐文章于 2019-03-15 15:11:57 发布

转载最新推荐文章于 2019-03-15 15:11:57 发布 · 308 阅读

文章标签：

#javascript

js 专栏收录该内容

15 篇文章

订阅专栏

本文对比了 document.body 与 document.documentElement 的不同之处，并详细解释了二者在获取滚动高度时的具体差异，尤其针对 IE 和 Firefox 浏览器进行了说明。

document.body和document.documentElement比较：

document.body是DOM中Document对象里的body节点， document.documentElement是文档对象根节点(html)的引用。
IE在怪异模型（quick mode）下document.documentElement无法正确取到clietHeight scrollHeight等值，比如clietHeight=0。可以见IE的怪异模型并没有把html作为盒子模型的一部分，好在现在很少使用怪异模型。（注：如果页面没写DTD或写的不对，IE6默认使用怪异模型解析页面）

document.body.scrollHeight和document.documentElement.scrollHeight的区别：

     document.body.scrollHeight是body元素的滚动高度，document.documentElement.scrollHeight为页面的滚动高度，且 document.documentElement.scrollHeight在IE和Firefox下还有点小差异。
     IE : document.documentElement.scrollHeight = document.body.scrollHeight + marginTop bottom高度 + 上下border宽度
     firefox : document.documentElement.scrollHeight = document.body.scrollHeight + marginTop bottom高度