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

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

来源：9-20 网页尺寸offsetHeight

慕用7797256

2018-04-10 15:02

<!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，各种浏览器试了都是0

写回答关注

2回答

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 2

慕用7797...

非常感谢！

2018-04-11 15:15:09

共 2 条回复 >
wei今天米有

2018-06-01 18:45:39

奥奥奥

0 0

JavaScript进阶篇

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

468196 学习 · 21891 问题

查看课程

相似问题

浏览器窗口可视区域

回答 2

浏览器窗口可视区域大小指的是？

回答 1

浏览器兼容问题？

回答 2

浏览器兼容方案

回答 3

话说……真的是浏览器兼容问题？？？

回答 4

打开慕课网App查看更多内容