offset++,client++ 列表和他们的区别

offsetLeft,clientX ,offsetX 定义和区别
首先要明确目的，是要获得对象obj相对于窗口(版面or内容)的属性值

clientLeft,clientTop 表示内容区域的左上角相对于整个元素左上角的位置，包括边框。
clientWidth,clientHeight 表示内容区域的宽高，不包括边框宽度值
offsetLeft,offsetTop 相对于最近的祖先定位元素
offsetParent 某元素的父元素
offsetWidth,offsetHeight 整个元素的尺寸，不包括边框的宽度
scrollLeft,scrollTop 元素滚动的大小
scrollWidth,scrollHeight 整个内容区域的宽度，包括拉动滚动条隐藏起来的那些部分

scrollWidth 获取对象的滚动宽度
scrollHeight 获得对象的滚动高度
scrollLeft 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop 设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离

offsetLeft 获取对象相对于版面或由offsetParent属性指定的父坐标的计算左侧位置
offsetTop 获取对象相对于版面或由offsetTop属性指定的父坐标的计算顶端位置

event.clientX 相对于文档的水平坐标
event.clientY 相对于文档的垂直坐标
event.offsetX 相对于容器的水平坐标
event.offsetY 相对于容器的垂直坐标

scrollHeight 对象的滚动高度/滚动条的可滚动高度
scrollWidth 对象的滚动宽度/滚动条的可滚动宽度
scrollLeft 对象左边界和窗口中目前可见内容的左端之间的距离/滚动条已滚动的距离
scrollTop 对象最顶端和窗口中可见内容的最顶端之间的距离/滚动条已滚动的距离


offsetHeight 对象相对于版面或offsetParent的高度 /总，可见部分的宽度加上滚动条实体的宽度
offsetWidth 对象相对于版面或者offsetParent的宽度
offsetLeft 对象相对于版面或offsetParent左侧的位置
offsetTop 对象相对于版面或offsetParent顶端位置
clientX 相对文档的水平坐标
clientY 相对文档的垂直坐标
clientWidth 相对文档的宽度/可见部分的宽度
clientHeight 相对文档的高度/可见部分的高度
event.offsetX 相对容器的水平坐标
event.offsetY 相对容器的垂直坐标