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

body高度异常

var width = document.innerWidth | document.documentElement.clientWidth; var height = document.innerHeight | document.documentElement.clientHeight; document.write('宽度：' + width + '，高度：' + height); //结果宽度：370，高度：600 //但是为什么documentElement换成body高度就变成了0？？？

qq_那些回忆_2

2017-05-24

源自：JavaScript进阶篇 9-18

关注问题我要回答

432

操作

收起

1 回答

慕勒7123956
2017-05-25

因为在你获取body元素的时候，body里面其实是没有任何元素的，所以高度为0

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

#1

这个例子中为什么我浏览器最大化了。三种方法获取的宽度为什么还是都小于屏幕宽度呢

2017-06-03 回复有任何疑惑可以回复我~

#2

没有滚动条。1600的宽度只剩1066了

2017-06-03 回复有任何疑惑可以回复我~

#3

慕勒7123956 回复 qq_杀意隆_0

你如果是在mooc的编辑器中看结果的话，还要算上左边的区域

2017-06-03 回复有任何疑惑可以回复我~

查看5条回复

举报

0/150

提交

取消

JavaScript进阶篇

参与学习 468464 人
解答问题 21893 个

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

本课相似问答

2 回答9-21这一节的body为什么会有固定高度？

3 回答可用高度和高度一样啊。。

2 回答高度和宽度都为0

1 回答scrollHeight; 高度问题

1 回答高度也是8

搜索更多本课相关问答

body高度异常

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号