Web API-DOM-滚动事件、加载事件和元素大小和位置

滚动事件

滚动触发元素：元素.addEventListener("scroll", function () { });

加载事件

加载元素：window.addEventListener('load', function () { })

元素大小和位置

1. offset家族
   ➢ 获取元素自身大小：包括自身设置的宽高、padding、border（内容+padding+border）
   ➢ 获取元素距离定位父级的左和上距离 只读属性

2. client家族（不常用）
   ➢ 获取元素可见区域的大小
   ➢ 获取元素左、上边框距离 只读属性
   resize：在窗口尺寸改变的时候触发事件window.addEventListener('resize', function () {})

3. scroll家族
   ➢ 获取元素内容的总大小（内容+padding）
   ➢ 获取元素向左向上滚出去看不见的距离 可读写属性
   注意事项： document.documentElement HTML 文档返回对象为HTML元素（检测页面滚动的头部距离（被卷去的头部）用这个属性）