问答详情
源自:9-19 网页尺寸scrollHeight

请问为什么两个宽度不一样?

<script type="text/javascript">

//方法一

var w=document.documentElement.scrollWidth

var h=document.documentElement.scrollHeight

// 方法二

var w=document.body.scrollWidth

var h=document.body.scrollHeight

document.write(w+"<br>");

document.write(h+"<br>");

</script>

运行方法一宽度8,方法二600

提问者:慕粉1859536052 2017-04-14 14:46

个回答

  • 简若婷
    2017-04-15 14:30:21
    已采纳

    一个是body
    一个是documentElement - Retrieves a reference to the root node of the document. 

    在 Microsoft® Internet Explorer 6 中,如果你使用 !DOCTYPE 声明指定为标准兼容模式,body 对象可以从其内容获取其大小,或者你可以像 div 对象那样严格的设置其大小。在标准兼容模式下,html 元素会代表文档可渲染内容的整个外观。如果 !DOCTYPE 声明并不指定标准兼容模式,以及较早版本的 Internet Explorer,则是 body 对象代表文档可渲染内容的整个外观。body 对象的大小无法更改,它等于窗口的大小。你在此对象上设置的边距位于此对象的边框和滚动条之内。