element 节点属性

clientHeight: 当前视图可视区域(content)的高度，不包括border
clientWidth：当前视图可视区域的宽度，不包括滚动条和border
clientLeft: 左边边框的宽度
clientTop：上边边框的高度

58f5b2fa00012ea604110247.jpg

element.getBoundingClientRect(): 返回一组数据，除了其中的width、height，其余数据是该节点相对于视口左上角的位置

image.png

scrollHeight: 的值等于该元素在不使用滚动条的情况下为了适应视口中所用内容所需的最小高度，不包括border和margin
scrollWidth: 的值等于该元素在不使用滚动条的情况下为了适应视口中所用内容所需的最小宽度，不包括border和margin
scrollTop：可以获取或设置垂直滚动到顶部的像素值
scrollLeft: 可以获取或设置滚动到左侧的像素值

offsetHeight:包括padding、border、水平滚动条，但不包括margin的元素的高度。对于inline的元素这个属性一直是0，单位px，只读元素
offsetWidth属性可以返回对象的padding+border+width属性值之和
offsetTop和offsetLeft 获取距离offsetParent(父级中离得最近的table、table cell 或者html跟元素)的上、左距离

只在window下的属性，窗口宽高
window.innerHeight和innerWidth 返回窗口的文档显示区域的高度和宽度
window.outerHeight和outerWidth 获取加上工具条和滚动条的窗口高度和宽度