总结各种width,height,top,left

1、offsetWidth

内容+内边距(padding)+边框(border)

2、offsetHeight

内容+内边距(padding)+边框(border)

3、offsetLeft

获取对象相对于有定位父对象(没有的话默认body)的左边距

4、offsetTop

获取对象相对于有定位父对象(没有的话默认body)的上边距

5、scrollTop

常用:document.body.scrollTop    浏览器卷去的高

6、clientHeight

常用:document.body.clientHeight  浏览器可视窗口的高

7、clientWidth

常用:document.body.clientWidth   浏览器可视窗口的宽

原文地址:https://www.cnblogs.com/xlj-code/p/6496337.html