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

时间:2011-11-22 02:17:21

标签: jquery width

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

我很好奇我不能使用jQuery的项目,我应该使用哪种解决方案?

3 个答案:

答案 0 :(得分:5)

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

答案 1 :(得分:4)

See为你自己。 它使用不同的东西。 document.documentElement.clientWidth就是其中之一。

它也可以使用document.body.clientWidth

答案 2 :(得分:1)

window.innerWidth

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

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

但是,IE8没有实现此属性......