论DOM中文档和元素的位置大小属性及其区别

element.offsetLeft/Top  获取元素相对于最近的有定位的父元素的坐标,如果没有有定位的父元素,则是文档坐标

element.scrollTop/Left 获取元素滚动卷去的距离

element.offsetWidth/Height 获取元素的宽度高度(包含边框)

element.clientWidth/Height 获取元素的宽度高度(不包含边框)

element.scrollWidth/Height 获取元素的内容宽度高度(包括被卷曲的部分)

e.pageX/Y 获取鼠标的文档坐标(相对于文档而言)

e.clientX/Y 获取鼠标的视口坐标(相对于视口而言)

e.screenX/Y 获取鼠标的屏幕坐标(相对于整个浏览器而言)

window.pageY/XOfffset 获取页面的滚动距离

你可能感兴趣的:(论DOM中文档和元素的位置大小属性及其区别)