1、offsetHeight || offsetWidth = boder + padding + content

两者都是只读属性，如果想

offsetLeft offsetTop 一般是相对于offsetParent计算的，也就是第一个定位的父级

两者都是只读属性

我们知道 offsetTop 可以获得 HTML 元素间隔上方或外层元素的地位，style.top 也是可以的，二者的差别是：

offsetLeft 与 style.left、offsetWidth 与 style.width、offsetHeight 与 style.height 也是同样事理。

图上标示了scrollTop && scrollHeight

同理scrollWidth和scrollLeft也是一样的

event.clientX 是目标点距离浏览器可视范围的X轴坐标

event.clientY 是目标点距离浏览器可视范围的Y轴坐标

event.pageX 是目标点距离document最左上角的X轴坐标

event.pageY 是目标点距离document最左上角的Y轴坐标