前端獲取視窗的兼容方法

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再編輯