如何在Internet Explorer 8中获取innerWidth

Question

在最近的浏览器中：

 window.innerWidth // 1920

在Internet Explorer 8中

 window.innerWidth // undefined

在IE8中获得此值的最佳方法是什么？

Answer 1

IE9不支持IE8支持innerWidth ，你可以这样做：

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

以上行将为您提供IE以及其他符合标准的浏览器的宽度。

---

如果你使用jQuery， $(window).innerWidth()也会在所有浏览器中提供你想要的结果。

Answer 2

为了得到这个，我仍然使用：

window.innerWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
window.innerHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

但要模仿真正的dom-getter看看这个： https ： //stackoverflow.com/a/18136089/1250044

Answer 3

用于ie8使用

document.documentElement.clientWidth

Answer 4

我知道innerWidth可能不完全相同，但getBoundingClientRect也可以以类似的容量使用：

elem = document.documentElement.getBoundingClientRect();
width = elem.getBoundingClientRect().right - elem.getBoundingClientRect().left;

Answer 5

您可以从IE 8获取此信息

document.documentElement.clientWidth

请注意，此值与IE 9为window.innerWidth返回的值不完全相同。

Answer 6

没有jQuery，你可以尝试这个来获得height和width

var myWidth = 0, myHeight = 0;
if (typeof (window.innerWidth) == 'number') { //Chrome
     myWidth = window.innerWidth; 
     myHeight = window.innerHeight;
} else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
     myWidth = document.documentElement.clientWidth; 
     myHeight = document.documentElement.clientHeight;
} else if (document.body && (document.body.clientWidth || document.body.clientHeight)) { //IE9
     myWidth = document.body.clientWidth; 
     myHeight = document.body.clientHeight;
}

Answer 7

document.documentElement.clientWidth;

这用于ie8以获取客户端宽度

Answer 8

请注意：.innerWidth方法不适用于窗口和文档对象; 对于这些，请改用.width（）。

.innerwidth（）的jquery api文档