DOM位置属性
element.offsetWidth/Height属性
只与element这个元素本身有关，获取到元素本身的宽度和高度
获取的值：border+padding+width/height
element.offsetTop/Left属性
这个属性获取的值和offsetParent有关，该属性获取的值是相对于带有定位的父级元素之间的距离，即该元素的左上角距离带有定位的父级的左上角之间的距离
如果没有定位的父级，找body元素
element.clientWidth/Height属性
只与element这个元素本身有关，获取到元素本身的宽度和高度
获取的值：padding+width/height
element.scrollWidth/Height属性
只与element这个元素本身有关，获取到元素本身的宽度和高度
如果没有滚动条：scrollWidth/Height = clientWidth/Height
如果有滚动条：scrollWidth/Height = clientWidth/Height + 滚动后隐藏的Width/Height
scrollWidth/Height：聊天框场景下，就是最后一个聊天气泡底部距离整个滚动顶部的距离
element.scrollTop/Left属性
滚动条卷去的距离，即滚动后隐藏的Width/Height
获取页面级别的scrollTop/Left
window.pageYoffset：被卷去的top值
window.pageXoffset：被卷去的Left值
在ie中不支持
鼠标事件
e.clientX/Y:
获取到的是触发点相对浏览器可视区域左上角距离，不随页面滚动而改变。
兼容性：所有浏览器均支持
pageX/Y
pageX/Y获取到的是触发点相对文档区域左上角距离，会随着页面滚动而改变
兼容性：除IE6/7/8不支持外，其余浏览器均支持
offsetX/Y
offsetX/Y获取到是触发点相对被触发dom的左上角距离，不过左上角基准点在不同浏览器中有区别，其中在IE中以内容区左上角为基准点不包括边框，如果触发点在边框上会返回负值，而chrome中以边框左上角为基准点。
兼容性：IE所有版本，chrome，Safari均完美支持，Firefox不支持