JavaScript中offset、client、scroll、screen、page五大系列

一、offset系列

1. offsetX、offsetY

获取鼠标指针位置相对于触发事件的对象的 x 坐标和y坐标。offsetX （offsetY）规定了事件对象与目标节点的内填充边（padding edge）在 X （Y）轴方向上的偏移量。

注意：offsetX（offsetY）与clientX（cilentY）的区别是，前者是相对于触发事件的对象的坐标，而后者是相对于浏览器可视区域的坐标。IE8不支持事件参数e，要想使用事件参数对象必须是window.event。 

2. offsetParent 

offsetParent是一个只读属性，返回一个指向最近的（closest，指包含层级上的最近）包含该元素的定位元素。如果没有定位的元素，则 offsetParent 为最近的 table, td, th或body元素。当元素的 style.display 设置为 “none” 时，offsetParent 返回 null。

简单概括一下：offsetParent指的是某个元素最近的并带有positon属性（默认值static除外）父级元素，如果这个父级元素没有position属性，那么这个父级元素只能为最近的 table, td, th或body元素。 

3. offsetWidth，offsetHeight