                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

offsetHeight = clientHeight + 滚动条 + 边框。为何这里得到的前者值为8，还要小于后者？

如题：这里的offsetHeight值为8，前面通过.clientHeight求得的值为557，这跟上面的公式不是矛盾了吗？谁能解释一下。谢谢

ShawpLee

2014-11-25

源自：JavaScript进阶篇 9-20

关注问题我要回答

1466

操作

收起

2 回答

ecma
2014-11-26

documentElemnt是个特殊的元素，

这元素上的一些属性不能按常规的理解。

如:

documentElement.clientWidth,

documentElement.clientHeight

其实是viewPort的尺寸

而

documentElement.offsetHeight

documentElement.offsetWidth

是pageSize

你理解得没错，只不过这里比较特殊

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

收起回答

乐乐520

offsetHeight和offsetWidth，获取网页内容高度和宽度(包括滚动条等边线，会随窗口的显示大小改变)。你这样解释就是说上面这句话表达的是错误的?但在其他实际应用中这句话是对的,这里为什么出现的结果是8我还是没明白!

2014-11-30 回复有任何疑惑可以回复我~

ecma 回复乐乐520

是8的原因，浏览有默认样式，如padding,margin,line-height等,你在页面里写一个style，然后重置*{margin:0;padding:0;}，然后你再试试是不是就不是8了。

2014-12-08 回复有任何疑惑可以回复我~

偌颜宁
2014-11-26

这个存在兼容性问题吧，这个公式试用在IE和Opera

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

JavaScript进阶篇

参与学习 468190 人
解答问题 21891 个

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

进入课程

本课相似问答

5 回答offsetHeight = clientHeight + 滚动条 + 边框。这一条好像不太对。

2 回答offsetHeight比clientHeight小

1 回答怎么offsetHeight比clientHeight还小？？

3 回答为什么结果是8啊，不是说offsetHeight 大于clientHeight吗

1 回答offsetHeight scrollHeight clientHeight

搜索更多本课相关问答

offsetHeight = clientHeight + 滚动条 + 边框。为何这里得到的前者值为8，还要小于后者？

我要回答关注问题

热搜

最近搜索清空

offsetHeight = clientHeight + 滚动条 + 边框。为何这里得到的前者值为8，还要小于后者？

2 回答

本课相似问答

offsetHeight = clientHeight + 滚动条 + 边框。为何这里得到的前者值为8，还要小于后者？