JS body.clientWidth,documentElement.clientWidth,clientX

event的x，clientX，offsetX，screenX

·         x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。

·         clientX:相对于客户区域的x坐标位置，不包括滚动条，就是正文区域。

·         offsetx：设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。

·         screenX:相对于用户屏幕。

·         z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面

 

document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度

 

当页面上有DOCTYPE的时候,值为

document.body.clientHeight = 54px 
document.documentElement.clientHeight = 729px

当没有DOCTYPE时

document.body.clientHeight = 729px 
document.documentElement.clientHeight = 0px

可以看出，document.body.clientHeight 和 document.documentElement.clientHeight 的区别。

就是因为少了DOCTYPE 所以 document.documentElement.clientHeight 的值为0。而换成 document.body.clientHeight就好了

http://hi.baidu.com/ettazz/blog/item/f44685882c4fcbd8fc1f1078.html