                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

offsetHeight出來的是0

為啥我這個offsetHeight出來的結果是0呢。。

tk垸堤

2017-06-08

源自：JavaScript進階篇 9-20

關注問題我要回答

3876

操作

收起

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>

?<script type="text/javascript">

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

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

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

</script>

第1句話

<div>

? ? <p>第2句話</p>

</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進階篇

參與學習 468830 人
解答問題 22582 個

本課程從如何插入JS代碼開始，帶您進入網頁動態交互世界

進入課程

本課相似問答

1 回答為什么offsetHeight長度是0？

1 回答offsetHeight

1 回答offsetHeight scrollHeight clientHeight

1 回答offsetHeight的動態變化

1 回答offsetHeight是怎樣的一個存在

搜索更多本課相關問答

offsetHeight出來的是0

我要回答關注問題

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

offsetHeight出來的是0

4 回答

本課相似問答

offsetHeight出來的是0