js js获取body body 实际高度

来源：蜘蛛抓取(WebSpider) 时间：2018-11-01 07:25 标签： js获取body

用JS和JQjs获取body相关属性

鉴于大家很多使用jquery, 因此这里顺便把jQuery的相应方法附上

浏览器的一些相关属性详解:

scrollLeft:设置或js获取body位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或js获取body位于对象最顶端和窗口中可见内容的最顶端之间的距离 offsetHeight:
js获取body对象相对于于版面或由父坐标offsetparent属性指定的父坐标的高度
offsetLeft:js获取body对象相对於版面或由offsetparent属性指定的父坐标的计算左侧的位置
offsetTop:js获取body对象相对于版面或由offsetTop属性指定的父坐标的计算顶端位置 event.clientX:相对于文档的水平坐标

  • 如果没囿给相应html元素指定top的样式则style.top返回的空字符串

  • 给top赋值时要带上单位px，否则无效

1、要js获取body当前页面的滚动条的纵坐标的位置应该用：

整个html嘚高度，然而当文档处于怪癖模式下时我们使用document.documentElement.scrollTopjs获取body到属性的值是为0的，而在w3c标准文档模式下document.body.scrollTop的值是为0的，因此为了好的兼容性我們可以这样写：

3、当想定位鼠标相对于页面的绝对位置时，我们一般会使用如下代码

这时我们应该注意可能会有鼠标定位偏离你的预想嘚情况发生，这是因为ie5.5之后已经不支持document.body.scrollX对象了因此为了好的兼容系那个我们应该做以下判断。

我要回帖

更多关于 js获取body 的文章

 

随机推荐