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

瀏覽器兼容性，可是這個(gè)窗口代碼不是通用的嗎？

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

我這個(gè)出來的結(jié)果height是0，各種瀏覽器試了都是0

慕用7797256

2018-04-10

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

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

1465

操作

收起

2 回答

just冫灬回答被采納 +2 積分
2018-04-11

body是DOM對(duì)象里的body子節(jié)點(diǎn)，即 <body> 標(biāo)簽；

documentElement 是整個(gè)節(jié)點(diǎn)樹的根節(jié)點(diǎn)root，即<html> 標(biāo)簽；

DOM把層次中的每一個(gè)對(duì)象都稱之為節(jié)點(diǎn)，就是一個(gè)層次結(jié)構(gòu)，你可以理解為一個(gè)樹形結(jié)構(gòu)，就像我們的目錄一樣，一個(gè)根目錄，根目錄下有子目錄，子目錄下還有子目錄。

以HTML超文本標(biāo)記語言為例：整個(gè)文檔的一個(gè)根就是,在DOM中可以使用document.documentElement來訪問它，它就是整個(gè)節(jié)點(diǎn)樹的根節(jié)點(diǎn)。而body是子節(jié)點(diǎn)，要訪問到body標(biāo)簽，在腳本中可以寫：document.body。

因此,簡單的說呢,就是獲取body的用document.body。獲取html用document.documentElement

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

收起回答

#1

just冫灬

具體還有以下幾點(diǎn) document.documentElement.clientHeight -> 視口的大小 document.documentElement.scrollHeight -> 文檔的大小 document.documentElement.offsetHeight -> 文檔的大小