                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

offsetHeight出來的是0

為啥我這個(gè)offsetHeight出來的結(jié)果是0呢。。

tk垸堤

2017-06-08

源自：JavaScript進(jìn)階篇 9-20

關(guān)注問題我要回答

3869

操作

收起

4 回答

qq_殺意隆_0 回答被采納 +3 積分
2017-06-10

offsetHeight和offsetWidth，獲取網(wǎng)頁內(nèi)容高度和寬度(包括滾動(dòng)條等邊線，會(huì)隨窗口的顯示大小改變)。

因?yàn)槟愕膆tml里沒有內(nèi)容，所以高度為零。你在html里的body里輸入幾個(gè)字或加入其他內(nèi)容，就有高度了。

但是即使沒有內(nèi)容，寬度還是有的。

就像你在html里加入空的div盒子(<div></div>)，然后在瀏覽器審查元素那里查看div元素，就可以發(fā)現(xiàn)div高度為零,但是寬度還是有的

2 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

tk垸堤提問者

非常感謝！

2017-06-10 回復(fù) 有任何疑惑可以回復(fù)我~

#2

落葉蕭蕭online

輸出的內(nèi)容不算內(nèi)容嗎？

2017-10-03 回復(fù) 有任何疑惑可以回復(fù)我~

#3

落葉蕭蕭online 回復(fù) tk垸堤提問者

你真的看懂了？

2017-10-03 回復(fù) 有任何疑惑可以回復(fù)我~

查看4條回復(fù)

慕粉3673557
2017-10-22

為什么我加了內(nèi)容還是高度為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 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

qq_輪滑到老_04284587
2017-06-12

你body里面沒有內(nèi)容，所以高度才為零，你在body里面加點(diǎn)內(nèi)容你就會(huì)看到高度了

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

qq_殺意隆_0
2017-06-09

代碼都不貼出，讓人怎么回答？

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

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 回復(fù) 有任何疑惑可以回復(fù)我~