offsetWidth(Height)与clientWidth(Height)、scrollWidth(Height)的比较

结论总结：

(1) offset方法：以宽为例，offsetWidth = selfWidth + padding +border;

client方法：cilentWidth = selfWidth + padding；

scroll方法: scrollWidth =  selfWidth + padding；

(2) offset与client方法都是只可读的(readonly)，而scroll方法是可读写的；

(3)在没有出现滚动条，即内容完全展示在屏幕可视区内，clientWidth=scrollWidth < offsetWidth; 但是出现了滚动条的时候，scrollWidth为内容的真实宽度，而 clientWidth 、 offsetWidth 只对应可视区域的宽度，scrollWidth > offsetWidth > clientWidth，具体可参考如下博客。

参考博客：https://www.cnblogs.com/kongxianghai/p/4192032.html

(4) 使用频率及应用情景：client方法相比使用较少，offset获取元素宽高的方法使用更多；在出现滚动条的时候通常才会考虑srcoll方法。