关于各种网页尺寸的意义-慕课网

关于各种网页尺寸的意义

来源：9-19 网页尺寸scrollHeight

SilenceDean

2016-09-03 12:16

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一样

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

写回答关注

1回答

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。

1 3

Silenc...

非常感谢！

2016-09-03 20:07:06

共 1 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468061 学习 · 21891 问题

查看课程

相似问题

网页尺寸offsetHeight

回答 2

网页尺寸offsetHeight

回答 2

关于网页尺寸问题offsetHeight和scrollHeight

回答 1

关于窗口尺寸

回答 2

网页尺寸的获取，为何高度很小

回答 1

打开慕课网App查看更多内容