document.body 和 document.documentElement 的区别
2012-03-05 09:54
197 查看
在设计页面时可能经常会用到固定层的位置,这就需要获取一些html对象的坐标以更灵活的设置目标层的坐标,这里可能就会用到document.body.scrollTop等属性,但是此属性在xhtml标准网页或者更简单的说是带<!DOCTYPE ..>标签的页面里得到的结果是0,如果不要此标签则一切正常,那么在xhtml页面怎么获得body的坐标呢,当然有办法-使用document.documentElement来取代document.body,可以这样写
例:
var top = document.documentElement.scrollTop || document.body.scrollTop;
在javascript里||是个好东西,除了能用在if等条件判断里,还能用在变量赋值上。那么上例等同于下例。
例:
var top = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;
这么写可以得到很好的兼容性。
相反,如果不做声明的话,document.documentElement.scrollTop反而会显示为0。
顺便再存一下这个图吧,总是挺难记清楚
例:
var top = document.documentElement.scrollTop || document.body.scrollTop;
在javascript里||是个好东西,除了能用在if等条件判断里,还能用在变量赋值上。那么上例等同于下例。
例:
var top = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;
这么写可以得到很好的兼容性。
相反,如果不做声明的话,document.documentElement.scrollTop反而会显示为0。
顺便再存一下这个图吧,总是挺难记清楚
相关文章推荐
- document.documentElement和document.body的区别
- document.documentElement和document.body的区别,以及网页中获取滚动条卷去部分的高度
- document.body.clientHeight 和 document.documentElement.clientHeight的区别
- [No000068]document.body.clientHeight 和 document.documentElement.clientHeight 的区别
- document.body、document.documentElement和window获取视窗大小的区别
- document.body 和 document.documentElement 的区别
- document.body和document.documentElement的区别
- document.body.clientHeight 和 document.documentElement.clientHeight 的区别
- document.body和document.documentElement 的区别
- document.body和document.documentElement的区别
- 【转】ie/ff/chrome下的document.body和document.documentElement的区别以及滚动条滚动到底
- JavaScript中documentElement和body的区别及jQuery中实现兼容的原理
- javascript中的 document.body.clientHeight 和 document.documentElement.clientHeight 的区别
- document.body.clientHeight 和 document.documentElement.clientHeight 的区别
- document.body 和 document.documentElement 的区别
- javascript中的 document.body.clientHeight 和 document.documentElement.clientHeight 的区别
- Element.scrollTop以及documentElement与body之间的区别
- document.documentElement和document.body的区别
- document.documentElement和document.body的区别
- document.documentElement和document.body的区别