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

瀏覽器兼容性的兩種方法得到網頁內容寬度和高度的值不同？

兩種用法得到的數值是不一樣的：?

document.documentElement.offsetHeight;
document.body.offsetHeight;?

為什么呢？

俯仰2015

2016-11-20

源自：JavaScript進階篇 9-20

關注問題我要回答

1493

操作

收起

3 回答

神燈君3598408 回答被采納 +3 積分
2016-11-21

document.documentElement指的是html標簽

document.body指的是body標簽

你的兩個高寬不一樣，是你的margin與panding沒有清零；

你可以嘗試一下。

alert(document.body.offsetWidth);
alert(document.documentElement.offsetWidth);

*{
		margin:0;
		padding:?0;
	}

1 回復有任何疑惑可以回復我~

收起回答

俯仰2015 提問者

我試了下好像還不行，你能把完整的代碼貼出來嗎？

2016-11-22 回復有任何疑惑可以回復我~

俯仰2015 提問者

非常感謝！

2016-11-29 回復有任何疑惑可以回復我~

無窮敏
2016-11-24

清零之后還是不一樣，好奇怪。。。。求解

294px;0px;
294px;18px;

<!DOCTYPE?HTML>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">?
<style?type="text/css">
????*{padding:0?;margin:0;}
</style>
</head>
<body>

?<script?type="text/javascript">
document.write(document.documentElement.offsetWidth+"px;"+document.documentElement.offsetHeight+"px;<br/>")
document.write(document.body.offsetWidth+"px;"+document.body.offsetHeight+"px;")
</script>
</body>
</html>

1 回復有任何疑惑可以回復我~

收起回答

俯仰2015 提問者

是的，我也是這樣

2016-11-24 回復有任何疑惑可以回復我~