pagyX/Y、clientX/Y、offsetX/Y、screenX/Y；clientHeight、scrollHeight、scrollTop；offsetHeight、offsetTop+滑动条

鼠标的位置：

1、pageX/Y  相对与整个页面的X, Y坐标: 参考位置是页面的左上角

2、clientX/Y  鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条，参考位置是可视页面的左上角

3、offsetX/Y  鼠标相对于事件源元素（srcElement）的X,Y坐标，参考位置是元素的左上角。

4、screenX/Y  鼠标相对于用户显示器屏幕左上角的X,Y坐标。

页面的尺寸和位置：

1、clientWidth/Height  可视页面的宽度/高度

2、scrollWidth/Height  整个页面的宽度/高度

3、scrollLeft/Top  相对滚动条左侧/顶部的偏移

元素的尺寸和位置：

1、offsetWidth/Height (划重点⬇⬇)  元素的宽度和高度

offsetWidth/Height包含内边距和边框

css(div,'width')只能获取元素的宽度（不包含padding、border）
元素.offsetWidth  元素占据的宽度 width + padding + border
元素.offsetHeight  元素占据的高度 height + padding + border

如果 clientWidth/Height 定位在页面中的元素上，则指的是该元素的宽/高

和 元素.off