三大家族

1.offset系列(只读属性,不能设置，只能获取)

offsetWidth / offsetHeight  获取元素真实的宽高

offsetLeft / offsetTop  到最近的有定位的父元素(offsetParent)的距离

offsetParent 最近的有定位的父元素

 

2.scroll系列

scrollWidth,scrollHeight 获取盒子内容的宽高

scrollLeft scrollTop 获取滚动条水平，垂直方向滚动的距离

window.onscroll注册滚动事件,注意是给window注册

补充: 获取页面被卷曲的宽高

Window.pageYOffset

Window.pageXOffset

 

3.client系列

clientWidth,clientHeight 获取的是内容 + padding 的大小,一般用到的少

clientLeft,clientTop

 

补充:窗口调整大小时触发的事件(该事件也是给window注册)

Window.onresize

获取可视窗口的大小

window.innerWidth

window.innerHeight