页面中的含义
| 属性 | 说明 |
|---|---|
| offsetParent | 距离元素最近的一个具有定位的祖宗元素（relative，absolute，fixed），若祖宗都不符合条件，offsetParent为body。 |
| offsetTop | 元素到offsetParent顶部的距离 ，从border向上的距离 |
| clientTop | 只计算border的高度 |
| scrollTop | “卷”起来的高度值 |
| clientHeight | 内容可视区域的高度, 受height的制约，当元素设置了height属性时clientHeight = height，没设置height时 clientHeight = scrollHeight |
| offsetHeight | 网页内容实际高度, 等于 clientHeight |
| scrollHeight | 网页内容实际高度, 可以小于 clientHeight |
| screen.height | 屏幕分辨率的高 |
| screen.width | 屏幕分辨率的宽 |
| screen.availHeight | 屏幕可用工作区高度, screen.height 减去 系统工具栏的高度 |
鼠标获取位置参数的含义
| 属性 | 说明 |
|---|---|
| clientX | 以浏览器左上顶角为原点，定位 x 轴坐标 |
| clientY | 以浏览器左上顶角为原点，定位ｙ轴坐标 |
| offsetX | 以当前事件的目标对象左上角为原点，定位x轴坐标 |
| offsetY | 以当前事件的目标对象左上角为原点，定位y轴坐标 |
| pageX | 以Document 对象（即文本窗口）左上角为原点，定位x轴坐标 |
| pageY | 以Document 对象（即文本窗口）左上角为原点，定位ｙ轴坐标 |
| screenX | 计算机屏幕左上角为原点，定位x轴坐标 |
| screenY | 计算机屏幕左上角为原点，定位ｙ轴坐标 |
| layerX | 最近的绝对定位的父元素（如果没有，则为Document对象）左上角为原点，定位x轴坐标 |
| layerY | 最近的绝对定位的父元素（如果没有，则为Document对象）左上角为原点，定位ｙ轴坐标 |
