关于js中的offsetWidth、clientWidth、scrollWidth等一系列属性及其方法我一直很傻，这里总结一下这些方法的使用方法和含义。
注意：以下元素属性和元素方法均用于elem .属性或elem .方法，window属性用于window .属性，document属性在document中调用：
script /* ******元素视图属性* offsetWidth水平方向width左右padding左右border-width * offsetHeight垂直方向height上下padding上下border-width * * clientWidth水平方向width左右padding * clientHeight垂直方向height上下padding * * offsetTop从当前要素到父节点所在的top方向的距离* offsetLeft是从当前要素开始配置父节点如果内容不超过箱子的高度，则为箱子的clientWidth * scrollHeight元素内容的真实高度。 如果内容不超过箱子的高度，则滚动到箱子的clIEntHeight * ******元素视图属性结束* * * * *窗口视图属性(低版本ie浏览器[IE9]不支持)自测？ 】* innerWidth浏览器窗口的可见区域宽度(浏览器控制台、菜单栏和工具栏除外) * innerHeight浏览器窗口的可见区域高度(浏览器控制台、菜单栏和工具栏除外) Document文档视图* (ie早期版本的innerWidth，innerHeight的替代方案) document.documentelement.clientwidth浏览器窗口的可见区域宽度(浏览器控件) document.documentelement.clientheight浏览器窗口中显示区域的高度* * document.documentelement.offsetheight表示整个文档的高度(documenth ) 获取整个文档的高度(不包括body边距) * document.documentelement.scroll top返回到文档滚动顶部的距离(窗口滚动时值会改变) document.documentelement.scroll left文档在滚动left方向上的距离****** Document文档视图结束* ******元素方法* 1.getboundingclientrect bottom :元素的下边缘(包括border )到可视区域顶部的距离) * left:元素的左边缘(不包括border )到可视区域的左边缘的距离) * right:元素的右边缘到top:元素的上边缘(border除外)可视区域顶部的距离(* height:元素的offsetHeight * width:元素的offsetWidth * x:元素的左上角的x坐标) * y:元素的左上角的y坐标2 .将2. scrollIntoView ()元素滚动到可视区域(* * *****元素方法结束(* *//script上面的属性)。 对于window.innerWidth和window.innerHeight，您自己测试的结果值包含滚动条，但包含滚动条