一个重要的细节
首先从浏览器模式来说
如果document有responsive meta，在普通模式下
scroll bar是附加在文档的最左边
而在device mode下
scroll bar 是漂浮在文档上面的
不获知这点，接下来便无从谈起
----------------------------------------------------
1.对window来说
只有innerWidth和outterWidth,没有width属性，没有offsetWidth属性
其中innerWidth=window内整个document的宽度（包含scrollbar的宽度！！）
outterWidth为整个窗口的宽度
按下F12你就知道~
2.对window.document来说
这是个天煞孤星
window.document.width/innerWidth/outerWidth/offsetWidth都不存在
3.对window.document.body来说
这个专一的家伙只有offsetWidth可以选
并且这就是整个body的宽度（不包括scrollbar）
小结论
在没有水平滚动条的情况下
垂直滚动条的宽度=window.innerWidth-document.body.offsetWidth