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

为什么我的实际高度只有52呢？

document.write("clientWidth:"+document.documentElement.clientWidth+"
"+"clientHeight:"+document.documentElement.clientHeight+"
"); document.write("实际宽度："+document.documentElement.scrollWidth+"
"+"实际高度："+document.documentElement.scrollHeight);

宽度显示是一样的，可是高度就只有52怎么回事，clientHeight有600

栀子_

2016-11-13

源自：JavaScript进阶篇 9-19

关注问题我要回答

886

操作

收起

3 回答

qq_Chandler_34038455 回答被采纳 +3 积分
2016-11-13

clientHeight是浏览器窗口可视区域高度，也就是你能看得见的区域高度，scrollHeight是你网页内容的高度，也就是你写的网页内容的高度，如果你再写一些内容，scrollHeight还会变化的，但是clientHeight就不会变了。

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

#1

栀子_ 提问者

非常感谢！

2016-11-14 回复有任何疑惑可以回复我~

豆丁不是逗
2016-12-13

一、针对IE、Opera:

scrollHeight 是网页内容实际高度，可以小于 clientHeight。

二、针对NS、FF:

scrollHeight 是网页内容高度，不过最小值是 clientHeight。也就是说网页内容实际高度小于 clientHeight 时，scrollHeight 返回 clientHeight 。

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

栀子_ 提问者
2016-11-13

试了下，果然是这样，谢谢你

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

举报

0/150

提交

取消

JavaScript进阶篇

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

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

本课相似问答

3 回答为什么实际高度比可用高度还要大？！！

5 回答为什么打印出的实际高度为8？

2 回答window.open()里的宽和高有什么实际效果吗？

5 回答为什么设置的高度和宽度没体现出来呢？

5 回答为什么是高度8

搜索更多本课相关问答

为什么我的实际高度只有52呢？

我要回答关注问题

意见反馈帮助中心 APP下载