Какой необработанный JavaScript-эквивалент эквивалентен $ (window) .width в jQuery?

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 не реализует это свойство ...