1. clientWidth 和 clientHeight

  1. -->这两个属性可以获取元素的可见宽度和高度
  2. -->会获取元素宽度和高度，包括内容区和内边距，不包括边框

2. offsetWidth和offsetHeight

  1. -->获取元素的整个的宽度和高度，包括内容区、内边距和边框

3. offsetParent

  1. -->可以用来获取当前元素的定位父元素
  2. -->会获取到离当前元素最近的开启了定位的祖先元素
  3.         如果所有的祖先元素都没有开启定位，则返回body

4. offsetleft

  1. -->当前元素相对于其定位父元素的水平偏移量

5. offsetTop

  1. -->当前元素相对于其定位父元素的垂直偏移量

6. scrollWidth和scrollHeight

  1. -->可以获取元素整个滚动区域的宽度和高度
  3. -->overflow : auto 
  4.         可以让溢出的部分用滚动条滑动

7. scrollleft和scrollTop

  1. --> 可以获取水平和垂直滚动条滚动的距离
  3. --> 当满足 scrollHeight-scrollTop == clientHeigh时，说明垂直滚动条滚动到底了
  4. --> 当满足 scrollWidth-scrollLeft == clientWidth时，说明垂直滚动条滚动到底了