javascript中offset、client、scroll的属性总结_javascript技巧

　　第一组：offsetWidth,offsetHeight,offsetLeft,offsetTop,offsetParent

　 第二组：clientWidth,clientHeight,clientLeft,clientTop

　　第三组：scrollWidth,scrollHeight,scrollLeft,scrollTop

　　详细定义如下：

　　1.1 HTML元素的offsetWidth,offsetHeight以CSS像素返回它的屏幕尺寸，包含元素的边框和内边距，不包含外边距。

　　1.2 offsetLeft和offsetTop属性返回元素的X和Y坐标。通常，它们返回值即是文档坐标。但对于已定位元素的后代元素和一些其他元素（如表格单元），这些属性返回的坐标是相对于祖先元素的而非文档。

　　1.3 offsetParent属性指定offsetLeft,offsetTop相对的父元素。如果offsetParent为null，后两者的返回值则为文档坐标。因此一般来说，用offsetLeft和offsetTop来计算元素e的位置需要一个循环：

该方法计算的位置也不总是正确的，推荐使用内置的getBoundingClientRect()方法。

　　2.1 clientWidth和clientHeight类似于offsetWidth和offsetHeight属性，不同的是它们不包含边框大小，只包含内容和内边距。同时，如果浏览器在内边距和边框之间添加了滚动条，clientWidth和clientHeight的返回值也不包含滚动条。注意，对于类型,和这些内联元素，clientWidth和clientHeight总是返回0。