為什么兩種方法同一瀏覽器同一運(yùn)行環(huán)境，結(jié)果不一樣
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">?
</head>
<body>
<script type="text/javascript">
document.write("方法一："+"<br>"+"實(shí)際高度："+document.body.scrollHeight+" "+"實(shí)際寬度："+document.body.scrollWidth+"<br>");
?document.write("方法二："+"<br>"+"實(shí)際高度："+document.documentElement.scrollHeight+" "+"實(shí)際寬度："+document.documentElement.scrollWidth);
</script>
</body> ? ?
</html>
2016-03-15
document.body和document.documentElement比較：
???? document.body是DOM中Document對(duì)象里的body節(jié)點(diǎn)， document.documentElement是文檔對(duì)象根節(jié)點(diǎn)(html)的引用。
???? IE在怪異模型（quick mode）下document.documentElement無法正確取到clietHeight scrollHeight等值，比如clietHeight=0?？梢砸奍E的怪異模型并沒有把html作為盒子模型的一部分，好在現(xiàn)在很少使用怪異模型。（注：如果頁面沒寫DTD或?qū)懙牟粚?duì)，IE6默認(rèn)使用怪異模型解析頁面）
document.body.scrollHeight和document.documentElement.scrollHeight的區(qū)別：
???? document.body.scrollHeight是body元素的滾動(dòng)高度，document.documentElement.scrollHeight為頁面的滾動(dòng)高度，且 document.documentElement.scrollHeight在IE和Firefox下還有點(diǎn)小差異。
?????IE?: document.documentElement.scrollHeight = document.body.scrollHeight + marginTop bottom高度 + 上下border寬度
?????firefox?: document.documentElement.scrollHeight = document.body.scrollHeight + marginTop bottom高度