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

document.body.clientHeight跟别的差好多

document.write(window.innerWidth+","+document.documentElement.clientWidth+","+document.body.clientWidth+"
"); document.write(window.innerHeight+","+document.documentElement.clientHeight+","+document.body.clientHeight); 370,370,354 600,600,18. 18这个什么鬼~~

ahao430

2016-05-05

源自：JavaScript进阶篇 9-18

关注问题我要回答

3339

操作

收起

4 回答

陈家小将回答被采纳 +3 积分
2016-05-05

document.documentElement.clientWidth和document.body.clientWidth是一样的意思，都是浏览器可视区域的宽度，document.body.clientHeight和document.documentElement.clientHeight也是一样的意思，是浏览器可视区域的高度，window.innerWidth和window.innerHeight也是一样的意思，但它并不是所以得浏览器都通用，兼容性差。

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

收起回答

ahao430 提问者

非常感谢！

2016-05-06 回复有任何疑惑可以回复我~

GOODBluee

你好，请教一下为什么document.documentElement.clientHeight和document.body.clientHeight，的值不一样呢，它们不都是可视区域的高吗

2016-08-05 回复有任何疑惑可以回复我~

qq_小帅峰少_0 回复 GOODBluee

慕课网讲的时候 body.clientHeight 与 documentElement.Height是||的关系，这个不能漏

2016-08-07 回复有任何疑惑可以回复我~

查看2条回复

慕村1994845
2017-02-08

document.write(document.documentElement.clientHeight+"<br/>");//浏览器窗口的内部高度

document.write(document.documentElement.clientWidth+"<br/>");//浏览器窗口的内部宽度

document.write(document.body.clientHeight+"<br/>");//body标签的内部高度

document.write(document.body.clientWidth+"<br/>");//body标签的内部宽度

//两者对象不同，其结果也不绝对相同

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

收起回答