                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /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

源自：JavaScript进阶篇 9-19

关注问题我要回答

961

操作

收起

1 回答

简若婷回答被采纳 +3 积分
2017-04-15

一个是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 对象的大小无法更改，它等于窗口的大小。你在此对象上设置的边距位于此对象的边框和滚动条之内。