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

offsetHeight出来的是0

为啥我这个offsetHeight出来的结果是0呢。。

tk垸堤

2017-06-08

源自：JavaScript进阶篇 9-20

关注问题我要回答

3793

操作

收起

4 回答

qq_杀意隆_0 回答被采纳 +3 积分
2017-06-10

offsetHeight和offsetWidth，获取网页内容高度和宽度(包括滚动条等边线，会随窗口的显示大小改变)。

因为你的html里没有内容，所以高度为零。你在html里的body里输入几个字或加入其他内容，就有高度了。

但是即使没有内容，宽度还是有的。

就像你在html里加入空的div盒子(<div></div>)，然后在浏览器审查元素那里查看div元素，就可以发现div高度为零,但是宽度还是有的

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

收起回答

tk垸堤提问者

非常感谢！

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

落叶萧萧online

输出的内容不算内容吗？

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

落叶萧萧online 回复 tk垸堤提问者

你真的看懂了？

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

查看4条回复

慕粉3673557
2017-10-22

为什么我加了内容还是高度为0？

<!DOCTYPE HTML>

<head>

</head>

<body>

document.write(document.body.offsetHeight+"<br>");

document.write(document.body.scrollHeight+"<br>");

document.write(document.body.clientHeight+"<br>");

</script>

第1句话

<div>

</div>

</body>

</html>

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

收起回答

qq_轮滑到老_04284587
2017-06-12

你body里面没有内容，所以高度才为零，你在body里面加点内容你就会看到高度了

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

收起回答

qq_杀意隆_0
2017-06-09

代码都不贴出，让人怎么回答？

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

收起回答

tk垸堤提问者

不好意思。。忘了。。。。 <!DOCTYPE HTML> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <script type="text/javascript"> document.write(document.body.offsetHeight+"<br>"); document.write(document.body.offsetWidth); </script> </body> </html>

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

0/150

提交

取消

JavaScript进阶篇

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

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

进入课程

本课相似问答

1 回答为什么offsetHeight长度是0？

1 回答offsetHeight

1 回答offsetHeight scrollHeight clientHeight

1 回答offsetHeight是怎样的一个存在

1 回答offsetHeight和clientHeight

搜索更多本课相关问答

offsetHeight出来的是0

我要回答关注问题

热搜

最近搜索清空

offsetHeight出来的是0

4 回答

本课相似问答

offsetHeight出来的是0