相当于 jQuery 的 $(window).width 的原始 JavaScript 是什么？

Question

我听说它是​​ offset.width 、 document.documentElement.clientWidth 和 window.innerWidth

我对无法使用 jQuery 的项目很好奇，我应该使用哪种解决方案？

Answer 1

function windowWidth() {
    var docElemProp = window.document.documentElement.clientWidth,
        body = window.document.body;
    return window.document.compatMode === "CSS1Compat" && docElemProp || body && body.clientWidth || docElemProp;
}

取自 jQuery 源（并稍作修改：

https://github .com/jquery/jquery/blob/master/src/dimensions.js#L42

Answer 2

亲自查看。
它使用不同的东西。 document.documentElement.clientWidth 就是其中之一。

也可以使用 document.body.clientWidth

Answer 3

上述

window.innerWidth

属性返回与 $( window ).width() 相同的值。

现场演示： http://jsfiddle.net/Jukh9/1/show/

然而，IE8 并没有实现这个属性...