为了账号安全,请及时绑定邮箱和手机立即绑定

关于各种网页尺寸的意义

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 回答

clientHeight

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


offsetHeight

IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。

NS、FF 认为 offsetHeight 是网页内容实际高度,可以小于 clientHeight。


scrollHeight

IE、Opera 认为 scrollHeight 是【网页内容实际高度】,可以小于 clientHeight。

NS、FF 认为 scrollHeight 是网页内容高度,不过最小值是 clientHeight。


3 回复 有任何疑惑可以回复我~
#1

SilenceDean 提问者

非常感谢!
2016-09-03 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
JavaScript进阶篇
  • 参与学习       468268    人
  • 解答问题       21891    个

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

进入课程

关于各种网页尺寸的意义

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信