有关js中常见的一些元素的宽高、位置属性以及鼠标坐标的属性总结

1. offsetWidth/offsetHeight：元素的实际宽度/高度，包括元素的边框(border)、内边距(padding)和滚动条(scrollbar)（如果存在）的宽度，是一个只读属性，单位为 px。

2. clientWidth/clientHeight：元素的可视宽度/高度，不包括元素的边框和滚动条的宽度。这个属性只包括元素的内容和内边距的部分。

1. scrollWidth/scrollHeight：元素内容的实际宽度/高度，包括溢出部分（如果存在）。如果元素没有溢出，则scrollWidth/scrollHeight与clientWidth/clientHeight相同。

1. offsetLeft/offsetTop：元素的左上角相对于父元素的左上角的偏移量。注意，如果元素的父元素具有定位(position)样式，则offsetLeft/offsetTop的值将根据父元素而不是文档(document)计算。

1. clientLeft/clientTop：元素内边距边界的宽度，通常是左边框(border)的宽度。

1. scrollTop/scrollLeft：元素滚动条的位置。scrollTop表示垂直方向的滚动条位置，scrollLeft表示水平方向的滚动条位置。

1. scrollIntoView()：将元素滚动到可视区域内。该方法没有参数，但可以在调用时添加对象字面量来设置滚动行为。

1. getBoundingClientRect()：返回一个包含元素位置、大小等信息的矩形对象。这个矩形对象包括四个属性：top、left、bottom和right。

1. pageX/pageY：鼠标指针相对于文档(document)的水平/垂直坐标。当鼠标移动时，这些值会随之改变。

1. screenX/screenY：鼠标指针相对于屏幕左上角的水平/垂直坐标。

1. clientX/clientY：鼠标指针相对于可视区域的水平/垂直坐标。与pageX/pageY不同，clientX/clientY不受页面滚动的影响。