offsetHeight出来的是0

来源:9-20 网页尺寸offsetHeight

tk垸堤

2017-06-08 14:41

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

写回答 关注

4回答

  • qq_杀意隆_0
    2017-06-10 19:46:00
    已采纳

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

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

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

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

    tk垸堤 回复落叶萧萧on...

    算啊,好像是先计算高度,在输出,所以第一个是0。 我的代码改成: ... document.write(document.body.offsetHeight+"<br>"); document.write(document.body.offsetHeight+"<br>"); document.write(document.body.offsetHeight+"<br>"); document.write(document.body.offsetHeight+"<br>"); ... 之后,输出结果 0 18 37 55

    2017-10-07 10:18:17

    共 7 条回复 >

  • 慕粉3673557
    2017-10-22 19:57:07

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

    <!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.scrollHeight+"<br>");

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

    </script>


    第1句话

    <div>

        <p>第2句话</p>

    </div>

    </body>

    </html>


  • qq_轮滑到老_04284587
    2017-06-12 09:56:24

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

  • qq_杀意隆_0
    2017-06-09 21:33:50

    代码都不贴出,让人怎么回答?

    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 13:48:52

    共 1 条回复 >

JavaScript进阶篇

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

468194 学习 · 21891 问题

查看课程

相似问题