原理应该是(body除外):
clientWidth最多可以获取到元素的border内侧
offsetWIdth最多可以获取到元素的border外侧
而滚动条在border内右侧(相当于border-right加了一定的宽度)
两者相减就可以获取滚动条宽度了
视频里面的el.remove()好像不支持ie换成document.body.removeChild(el)应该兼容性好点
clientWidth最多可以获取到元素的border内侧
offsetWIdth最多可以获取到元素的border外侧
而滚动条在border内右侧(相当于border-right加了一定的宽度)
两者相减就可以获取滚动条宽度了
视频里面的el.remove()好像不支持ie换成document.body.removeChild(el)应该兼容性好点
2016-11-05
最赞回答 / 山神庙
我是这么理解的,一起讨论下。分body和div两种:div:1.无滚动轴 scrollWidth = clientWidth = width + padding*22.有滚动轴(不包括滚动轴) scrollWidth = 实际内容宽度(包含可滚动部分,容器本身做了宽高限制) + padding*2 scrollHeight = 实际内容高度(包含可滚动部分,容器本身做了宽高限制) + padding*2body1.无滚动轴: 1.宽高小于浏览器窗口:浏览器窗口的宽高 2.宽高大小浏览器窗口:内容...
2016-11-04
已采纳回答 / 感恩一路有你
<p>一、window和document的区别是什么?</p> <li>window就是一个浏览器窗口</li> <li>window对象表示浏览器中打开的窗口</li> <li>window对象可以省略</li> <li>比如说我们通常用的alert()其实是window.alert(),就是把window省略了</li> ...
2016-11-04