js三大系列总结

offset系列:
      (父级元素margin+父级元素padding+父级元素border+自己的margin)
      offsetLeft:元素距离左边位置的值
      offsetTop:元素距离上面位置的值
      offsetWidth:获取元素的宽度(有边框)
      offsetHeight:获取元素的高度(有边框)
    
      scroll系列:卷曲
      scrollLeft:元素向左卷曲出去的距离
      scrollTop:元素向上卷曲出去的距离
      scrollWidth:元素中内容的实际的宽度,如果没有内容,或者内容很少,元素的宽度
      scrollHeight:元素中内容的实际的高度,如果没有内容,或者内容很少,元素的高度
    
      client系列:
      clientWidth:可视区域的宽度,没有边框
      clientHeight:可视区域的高度,没有边框
      clientLeft:左边框的宽度
      clientTop:上边框的宽度
      clientX:可视区域的横坐标
      clientY:可视区域的纵坐标