                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

網頁尺寸offsetHeight

?<script type="text/javascript">

var w= document.documentElement.offsetWidth;

var h= document.documentElement.offsetHeight;

//法一 ? ?

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

//法二

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

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

? ?document.write("網頁內容的高度為："+document.body.offsetHeight);

</script>

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

慕的地6791964

2017-03-18

源自：JavaScript進階篇 9-20

關注問題我要回答

820

操作

收起

1 回答

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

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

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

</head>
<body>
?<h2>測試網頁尺寸</h2>
?<h2>11111111111</h2>
?<h2>數值會隨著body標簽的內容而改變</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>