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

瀏覽器兼容性的兩種方法得到網(wǎng)頁(yè)內(nèi)容寬度和高度的值不同？

兩種用法得到的數(shù)值是不一樣的：?

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

為什么呢？

俯仰2015

2016-11-20

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

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

1490

操作

收起

3 回答

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

document.documentElement指的是html標(biāo)簽

document.body指的是body標(biāo)簽

你的兩個(gè)高寬不一樣，是你的margin與panding沒(méi)有清零；

你可以嘗試一下。

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

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

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

收起回答

#1

俯仰2015 提問(wèn)者

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

2016-11-22 回復(fù) 有任何疑惑可以回復(fù)我~

#2

俯仰2015 提問(wèn)者

非常感謝！

2016-11-29 回復(fù) 有任何疑惑可以回復(fù)我~

無(wú)窮敏
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 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

俯仰2015 提問(wèn)者

是的，我也是這樣

2016-11-24 回復(fù) 有任何疑惑可以回復(fù)我~