Использование Javascript для измерения текущего окна

Question

Хорошо, я пытаюсь создать веб-сайт, на котором большое изображение является фоном. Я хочу иметь возможность загружать изображение другого размера в зависимости от размера окна пользователя, чтобы они (надеюсь) не видели пустого пространства. Я хочу использовать JavaScript для измерения размера текущего экрана. Затем, основываясь на размере окна, я хотел бы загрузить изображение, соответствующее этому разрешению.

Однако при просмотре в Интернете я не смог найти стандартный способ получения размера окна во всех браузерах. Любая помощь очень ценится! Также, если у вас есть другая идея, как это реализовать, дайте мне знать!

Answer 1

Окно пользователя вряд ли будет сильно различаться по размеру во время использования. Лучше всего предоставить только одно изображение, а затем масштабировать его в зависимости от размера. Это может быть достигнуто только с помощью CSS.

img#my-big-background-image { 
    width: 100%;
}

Answer 2

jQuery, YUI и другие JavaScript-фреймворки решили эту проблему. Взгляните на их решения, даже если вы не хотите подключать полную среду.

Answer 3

Использование jQuery

var height = $(window).height();
var width = $(window).width();

Это будет работать во всех основных браузерах.

Answer 4

Прототип: document.viewport

JQuery: окно

Answer 5

По этой ссылке написано решение Здесь

Я проверил это на ff, кажется, в порядке.