前端获取视窗的兼容方法

1. 总结（网上兼容写法）

var clientWidth = window.innerWidth || document.documentElement.clientWidth ||  document.body.clientWidth;

2. window.innerWidth/Height

获取浏览器可视区域宽/高度

• 宽度：获取的是包含滚动条宽度的浏览器可视区域宽度
• 高度：不包含工具栏高度，只是可视区域高度
• IE 8 及更早 IE版本不支持这两个属性。

3. document.documentElement.clientWidth/Height

获取浏览器可视区域宽/高

• 宽度：浏览器可视区域宽度（不包括滚动条区域宽度）
• 浏览器可视区域高度（不包含工具栏高度）
• 兼容ie8及更早ie版本

4. document.body.clientWidth/Height

获取body的宽/高(除去margin)

• body文档实际宽度
• body文档实际高度

本文根据https://www.cnblogs.com/helloNico/p/10064861.html再编辑