javascript中top、clientTop、scrollTop、offsetTop-等位置属性详解.docx

《javascript中top、clientTop、scrollTop、offsetTop-等位置属性详解.docx》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、javascript中top、clientTop、scrollTop、offsetTop的讲解  scrollHeight:获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标offsetParent属性指定的父坐标的高度offsetLeft:获取对象相对于版面或由offsetParent属性指定的父坐标的计算左侧位置offsetTop:获

2、取对象相对于版面或由offsetTop属性指定的父坐标的计算顶端位置event.clientX相对文档的水平座标event.clientY相对文档的垂直座标event.offsetX相对容器的水平坐标event.offsetY相对容器的垂直坐标document.documentElement.scrollTop垂直方向滚动的值event.clientX+document.documentElement.scrollTop相对文档的水平座标+垂直方向滚动的量以上主要指IE之中，FireFox差异如下：IE6.0、FF1.06+：clientWidth=width+

3、paddingclientHeight=height+paddingoffsetWidth=width+padding+borderoffsetHeight=height+padding+borderIE5.0/5.5：clientWidth=width-borderclientHeight=height-borderoffsetWidth=widthoffsetHeight=height(需要提一下：CSS中的margin属性，与clientWidth、offsetWidth、clientHeight、offsetHeight均无关)onMouseover当鼠

4、标经过的时候，触发=后面的脚本函数onMouseout当鼠标离开。。onMouseUP当鼠标按下又抬起。。。onmousemove当鼠标移动。。onmousedown当鼠标按下时。。假设obj为某个HTML控件。obj.offsetTop指obj相对于版面或由offsetParent属性指定的父坐标的计算上侧位置，整型，单位像素。obj.offsetLeft指obj相对于版面或由offsetParent属性指定的父坐标的计算左侧位置，整型，单位像素。obj.offsetWidth指obj控件自身的绝对宽度，不包括因overflow而未显示的部分，也就是其实际占据

5、的宽度，整型，单位像素。obj.offsetHeight指obj控件自身的绝对高度，不包括因overflow而未显示的部分，也就是其实际占据的高度，整型，单位像素。我们对前面提到的offsetParent作个说明。offsetParent获取定义对象offsetTop和offsetLeft属性的容器对象的引用。offsetTop与offsetParent很复杂，不同浏览器有不同解释，浮动一下解释又不同了，所以我们一般只要理解通过二者可以获得控件在浏览器中的绝对位置即可。以上属性在FireFox中也有效。另外：我们这里所说的是指HTML控件的属性值，并不是docu

6、ment.body，document.body的值在不同浏览器中有不同解释（实际上大多数环境是由于对document.body解释不同造成的，并不是由于对offset解释不同造成的）我们知道offsetTop可以获得HTML元素距离上方或外层元素的位置，style.top也是可以的，二者的区别是：一、offsetTop返回的是数字，而style.top返回的是字符串，除了数字外还带有单位：px。二、offsetTop只读，而style.top可读写。三、如果没有给HTML元素指定过top样式，则style.top返回的是空字符串。offsetLeft与style

7、.left、offsetWidth与style.width、offsetHeight与style.height也是同样道理。clientHeight大家对clientHeight都没有什么异议，都认为是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，一般是最后一个工具条以下到状态栏以上的这个区域，与页面内容无关。offsetHeightIE、Opera认为offsetHeight=clientHeight+滚动条+边框。NS、FF认为offsetHeight是网页内容实际高度，可以小于clientHeight。scrollHeightIE、

8、Opera认为scrol