Web 技术研究所

我一直坚信着,Web 将会成为未来应用程序的主流

文档高度获取的各种差异

  影响文档高度获取的因素不仅是浏览器差异,在相同的浏览器下,不同的文档模式也会对这个结果产生影响。而且文档的概念到底是documentElement还是body在逻辑上没法说清,所以获取文档尺寸一直是很头疼的工作,现在把这些测试结果做成表格方便查阅。
<DOCTYPE html>
documentElement body
Chrome clientHeight 可见区域高度 body盒子高度
offsetHeight documentElement盒子高度 body盒子高度
scrollHeight documentElement盒子高度 页面高度
Firefox29/IE11 clientHeight 可见区域高度 body盒子高度
offsetHeight documentElement盒子高度 body盒子高度
scrollHeight 页面高度 body盒子高度
IE10- clientHeight 可见区域高度 body盒子高度
offsetHeight 可见区域高度 body盒子高度
scrollHeight 页面高度 body盒子高度
怪异模式
documentElement body
Chrome/Firefox clientHeight documentElement盒子高度 可见区域高度
offsetHeight documentElement盒子高度 body盒子高度
scrollHeight documentElement盒子高度 页面高度
Firefox29/IE11 clientHeight 可见区域高度 body盒子高度
offsetHeight documentElement盒子高度 body盒子高度
scrollHeight 页面高度 body盒子高度
IE clientHeight 0 可见区域高度
offsetHeight 可见区域高度+4px 可见区域高度+4px
scrollHeight 可见区域高度+4px undefined
网名:
3.84.186.*
电子邮箱:
仅用于接收通知
提交 悄悄的告诉你,Ctrl+Enter 可以提交哦
神奇海螺
[查看全部主题]
各类Web技术问题讨论区
发起新主题
本模块采用即时聊天邮件通知的模式
让钛合金F5成为历史吧!
次碳酸钴的技术博客,文章原创,转载请保留原文链接 ^_^