87,904
社区成员
发帖
与我相关
我的任务
分享javascript新手请教一个问题，大家进来看看！
document.body.scrollWidth, document.documentElement.scrollWidth有什么区别？
关于这些对象的属性太多了，如果可以的话，大家都给解释下！！谢谢
关于这些对象的属性太多了，如果可以的话，大家都给解释下！！谢谢
...全文
请发表友善的回复…
发表回复
jack420124 2009-03-27
- 打赏
- 举报
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
指定DOM 符合w3c 标准
而w3c标准的DOM 访问body 是用document.documentElement
判断DOM 是不是符合w3c 标准的
用下面方法就可以了
function isW3CDOM()
{
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}
指定DOM 符合w3c 标准
而w3c标准的DOM 访问body 是用document.documentElement
判断DOM 是不是符合w3c 标准的
用下面方法就可以了
function isW3CDOM()
{
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}
dq512000 2009-03-27
- 打赏
- 举报
[Quote=引用 4 楼 luojihaidao 的回复:]
document.body.scrollWidth 是IE的东西。
document.documentElement.scrollWidth 是W3c标准的东西。
说个简单的例如：
HTML 有没有 <!DOCTYPE> 标签的就可以用document.documentElement东西。 它说目的是为了解决浏览器的兼容问题。
http://www.w3school.com.cn/tags/tag_doctype.asp看看这个。
[/Quote]
正解
document.body.scrollWidth 是IE的东西。
document.documentElement.scrollWidth 是W3c标准的东西。
说个简单的例如：
HTML 有没有 <!DOCTYPE> 标签的就可以用document.documentElement东西。 它说目的是为了解决浏览器的兼容问题。
http://www.w3school.com.cn/tags/tag_doctype.asp看看这个。
[/Quote]
正解
luojihaidao 2009-03-27
- 打赏
- 举报
document.body.scrollWidth 是IE的东西。
document.documentElement.scrollWidth 是W3c标准的东西。
说个简单的例如：
HTML 有没有<!DOCTYPE> 标签的就可以用document.documentElement东西。 它说目的是为了解决浏览器的兼容问题。
http://www.w3school.com.cn/tags/tag_doctype.asp 看看这个。
document.documentElement.scrollWidth 是W3c标准的东西。
说个简单的例如：
HTML 有没有<!DOCTYPE> 标签的就可以用document.documentElement东西。 它说目的是为了解决浏览器的兼容问题。
http://www.w3school.com.cn/tags/tag_doctype.asp 看看这个。
reanfan 2009-03-27
- 打赏
- 举报
document.documentElement.scrollWidth
和 cument.body.scrollWidth 是一样的意思 都是获取滚动条的宽度
只不过一个是W3C标准 一个是IE标准吧
和 cument.body.scrollWidth 是一样的意思 都是获取滚动条的宽度
只不过一个是W3C标准 一个是IE标准吧
avengercf 2009-03-27
- 打赏
- 举报
document.body.scrollWidth（IE）, document.documentElement.scrollWidth（W3C标准如FF）
建议你去看看JS手则和浏览器差异
建议你去看看JS手则和浏览器差异
thengry 2009-03-27
- 打赏
- 举报
一个是整个 一个是body
在浏览器中有点差距
这个是别人归纳引用的：
1.document.documentElement 与 document.body
代码中设置页面的CSS时一定要用：document.documentElement
比如：document.documentElement.style.overflow='hidden';
overflow-X、overflow-Y 这两个分坐标属性XHTML是不支持的；
2.在取得网页窗口区域和获取滚动条位移距离时也要用document.documentElement
即这四个属性（clientWidth、clientHeight、scrollLeft、scrollTop）一定要用document.documentElement
但是document.body.appendChild()和document.body.removeChild()却是可以用的，而且用document.documentElement.appendChild()和document.documentElement.removeChild()代替却会报错；
**********所以我总结了一下仅clientWidth、clientHeight、scrollLeft、scrollTop和document.documentElement.style时才用document.documentElement
在浏览器中有点差距
这个是别人归纳引用的：
1.document.documentElement 与 document.body
代码中设置页面的CSS时一定要用：document.documentElement
比如：document.documentElement.style.overflow='hidden';
overflow-X、overflow-Y 这两个分坐标属性XHTML是不支持的；
2.在取得网页窗口区域和获取滚动条位移距离时也要用document.documentElement
即这四个属性（clientWidth、clientHeight、scrollLeft、scrollTop）一定要用document.documentElement
但是document.body.appendChild()和document.body.removeChild()却是可以用的，而且用document.documentElement.appendChild()和document.documentElement.removeChild()代替却会报错；
**********所以我总结了一下仅clientWidth、clientHeight、scrollLeft、scrollTop和document.documentElement.style时才用document.documentElement
