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

網(wǎng)頁尺寸offsetHeight

?<script type="text/javascript">

var w= document.documentElement.offsetWidth;

var h= document.documentElement.offsetHeight;

//法一 ? ?

? ? document.write("方法一"+"<br/>"+"網(wǎng)頁內(nèi)容的寬度為："+w+"<br ?/>"+"網(wǎng)頁內(nèi)容的高度為："+h);

//法二

? ?document.write("<br />"+"方法二"+"<br/>");

? ?document.write("網(wǎng)頁內(nèi)容的寬度為："+document.body.offsetWidth+"<br ?/>");

? ?document.write("網(wǎng)頁內(nèi)容的高度為："+document.body.offsetHeight);

</script>

為什么這兩個方法的輸出結(jié)果不一樣》？

慕的地6791964

2017-03-18

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

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

817

操作

收起

1 回答

Resen4983 回答被采納 +3 積分
2017-03-20

你是講兩種測試方法都放在一個demo中的吧,因為document.write的輸出結(jié)果會占用網(wǎng)頁打的內(nèi)容高度,所以后一個測試中輸出的網(wǎng)頁的高度會增加兩行的行高.你也可以試試在<body></body>增加些內(nèi)容看看數(shù)據(jù)變化就知道原因了.

<!DOCTYPE?HTML>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">?

</head>
<body>
?<h2>測試網(wǎng)頁尺寸</h2>
?<h2>11111111111</h2>
?<h2>數(shù)值會隨著body標(biāo)簽的內(nèi)容而改變</h2>
?<script?type="text/javascript">
document.write(document.body.offsetHeight+"<br?/>");
document.write(document.body.offsetWidth+"<br?/>");
document.write(document.body.offsetHeight+"<br?/>");
document.write(document.body.offsetWidth+"<br?/>");
document.write(document.body.offsetHeight+"<br?/>");
document.write(document.body.offsetWidth+"<br?/>");
</script>
</body>
</html>