问答详情
源自：9-20 网页尺寸offsetHeight

浏览器兼容性，可是这个窗口代码不是通用的吗？

<!DOCTYPE HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
</head>
<body>
 <script type="text/javascript">
 /*var w = document.documentElement.offsetWidth;
 var h = document.documentElement.offsetHeight;
 document.write(w+"<br/>"+h)*/
 document.write(document.body.offsetWidth+"<br/>"+document.body.offsetHeight)
</script>
</body>
</html>

我这个出来的结果height是0，各种浏览器试了都是0https://img1.mukewang.com/5acc61830001198508690375.jpg

提问者：慕用7797256 2018-04-10 15:02

个回答

  • just冫灬
    2018-04-11 00:57:39
    已采纳

    body是DOM对象里的body子节点，即 <body> 标签；

    documentElement 是整个节点树的根节点root，即<html> 标签；

    DOM把层次中的每一个对象都称之为节点，就是一个层次结构，你可以理解为一个树形结构，就像我们的目录一样，一个根目录，根目录下有子目录，子目录下还有子目录。

    以HTML超文本标记语言为例：整个文档的一个根就是,在DOM中可以使用document.documentElement来访问它，它就是整个节点树的根节点。而body是子节点，要访问到body标签，在脚本中可以写：document.body。

    因此,简单的说呢,就是获取body的用document.body。 获取html用document.documentElement

    2
  • wei今天米有
    2018-06-01 18:45:39

    奥奥奥

    0