scrollHeight / scrollWidth : 盒子内容的宽高(width/height)
offsetHeight / offsetWidth : 一般用于获取元素的大小(width/height + padding + border)---只读属性(只能获取,不能修改)
clientHeight / clientWidth : 获取元素(可视区域)的宽高 (width/height + padding)---只读属性
scrollTop / scrollLeft : 配合页面滚动事件使用, 被卷曲的头部/左侧
offsetTop / offsetLeft : 参照位置以带定位的父级,若父级没有定位,逐级向上查找,若上级都没有定位,则以文档为参考物
e.clientX / e.clientY:获取鼠标相对于可视窗口的位置
e.pageX / e.pageY 获取鼠标相对于文档的位置
e.offsetX / e.offsetY 相对于当前元素的位置
元素.getBoundingClientRect() : 该方法返回一个对象,里面有元素的大小和相对视口的位置(永远以浏览器窗口的左上角为参照物)
补 :元素.style.width = 100px 只能修改不能读取
