关于各种网页尺寸的意义

源自：9-19 网页尺寸scrollHeight

关于各种网页尺寸的意义

document.documentElement.scrollHeight:8
document.documentElement.scrollwidth:370
document.body.scrollHeight:600
document.body.scrollWidth:370
document.documentElement.clientHeight:600
document.documentElement.clientWidth:370
document.body.clientHeight:107
document.body.clientWidth:354
--------------------------------------------------------------------
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
document.documentElement.scrollHeight:76
document.documentElement.scrollwidth:1665
document.body.scrollHeight:581
document.body.scrollWidth:1664
document.documentElement.clientHeight:581
document.documentElement.clientWidth:370
document.body.clientHeight:174
document.body.clientWidth:354

document.body.srcollHeight为什么在添加了内容之后反而变小,并且和document.documentElement.clientHeight一样

各种参数混在一起不是太理解，求指教

提问者：SilenceDean 2016-09-03 12:16

个回答

OlderSkee

2016-09-03 18:59:59

已采纳

clientHeight
大家对 clientHeight 都没有什么异议，都认为是【内容可视区域】的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，一般是最后一个工具条以下到状态栏以上的这个区域，与页面内容无关。

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

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

3