                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

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

<!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

慕用7797256

2018-04-10

源自：JavaScript进阶篇 9-20

关注问题我要回答

1398

操作

收起

2 回答

just冫灬回答被采纳 +2 积分
2018-04-11

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

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

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

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

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

2 回复有任何疑惑可以回复我~

#1

具体还有以下几点 document.documentElement.clientHeight -> 视口的大小 document.documentElement.scrollHeight -> 文档的大小 document.documentElement.offsetHeight -> 文档的大小

2018-04-11 回复有任何疑惑可以回复我~

#2

慕用7797256 提问者

非常感谢！

2018-04-11 回复有任何疑惑可以回复我~

wei今天米有
2018-06-01

奥奥奥

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

JavaScript进阶篇

参与学习 468046 人
解答问题 21891 个

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

本课相似问答

2 回答浏览器窗口可视区域

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

3 回答浏览器兼容方案

2 回答浏览器兼容问题？

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

搜索更多本课相关问答

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

我要回答关注问题

意见反馈帮助中心 APP下载