offset系列
1： 无定位的情况下 所有元素均已浏览器左上角为参考 offset系列
-
offsetWidth（width+border+padding）
表示该元素除去外边距之后的宽度 (不包含margin)
-
offsetHeight（height+border+padding）
表示该元素除去外边距之后的高度(不包含margin)
-
offsetLeft
表示距离有定位的父级的left值（若无定位，以body为参照）
-
offsetTop
表示距离有定位的父级的top值（若无定位，以body为参照）
-
offsetParent
返回有定位的父级（若没有定位则为body）
client系列
document.onmousemove = function(e){
e为事件参数 保存当前事件的详细信息 例如事件对象、事件类型，如果是鼠标事件则e中有两个值 就是
鼠标横纵坐标值 分别为e.clientX e.clientY
}
1. clientY和clientX表示的是鼠标在可视区域的坐标值
clientX：鼠标距离可视区域左侧距离（event调用）
clientY：鼠标距离可视区域上侧距离（event调用）
2. 重点： clientWidth和clientHeight （调用者不同，意义不同）
clientWidth： 获取网页可视区域宽度
clientHeight：获取网页可视区域高度
盒子调用： padding+（width/height）
body/html调用：表示浏览器可视区域的大小
3. clientTop和clientLeft 表示的是盒子的border的宽高
scroll系列
scrollWidth： 表示的是除去border的盒子宽度
scrollWidth=width+padding
scrollHeight
① 当盒子内容超出了盒子的高度，scrollHeight=盒子内容的高度
② 当盒子内容高度<=盒子的高度,scrollHeight=盒子的高度
scrollTop 和 scrollLeft
① scrollTop表示的是页面被浏览器遮挡的头部
页面向下滑动了多少像素
② scrollLeft表示的是页面被浏览器遮挡的左边部分
页面向右滑动了多少像素