VPF::Размеры окна браузера - Форум программистов

sanyok52

Дата 5.2.2013, 23:43 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 7
Регистрация: 28.10.2012

Репутация: нет
Всего: нет

Всем доброго времени суток. Хотелось бы узнать, возможно ли с помощью JavaScript получить размеры окна браузера. И если да, то как.

Arantir

Дата 6.2.2013, 01:03 (ссылка)

(нет голосов)

Загрузка ...

Рыбак без удочки

Профиль
Группа: Участник
Сообщений: 960
Регистрация: 18.11.2012

Репутация: 5
Всего: 55

С учетом более старых версий браузеров (точнее учетом того факта, что пользователи таковыми еще пользуются), одного универсального метода нет.

Вот несколько вариантов:

Код


document.body.offsetWidth;
document.body.offsetHeight;

document.documentElement.offsetWidth;
document.documentElement.offsetHeight;

window.innerWidth;
window.innerHeight;

Приходится проверять, существуют ли такие поля.

Так же в библиотеке jQuery все это инкапсулировано и гантировано кроссбраузерно, достаточно просто получить размеры объекта window:

Код


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

--------------------

interface Жопа {
// ATTENTION: has to be implemented by every class of the project for proper project work
}

sanyok52

Дата 6.2.2013, 11:02 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 7
Регистрация: 28.10.2012

Репутация: нет
Всего: нет

Arantir, спасибо:)

sanyok52

Дата 6.2.2013, 12:18 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 7
Регистрация: 28.10.2012

Репутация: нет
Всего: нет

Arantir, почему-то работает нормально только в IE.
Для document.body.offsetWidth; пишет что требуется объект, а для window.innerWidth; "недопустимый аргумент". Подскажите пожалуйста, в чём может быть ошибка

Aliance

Дата 6.2.2013, 14:57 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 17
Всего: 137

Цитата(Arantir @ 6.2.2013, 02:03

)

Приходится проверять, существуют ли такие поля.

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

sanyok52

Дата 6.2.2013, 18:02 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 7
Регистрация: 28.10.2012

Репутация: нет
Всего: нет

Aliance, а что делать, если не существуют?

Aliance

Дата 6.2.2013, 18:15 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 17
Всего: 137

Использовать из предложенных трех тот, который существует. Открой исходники jQuery и посмотри как там реализованы соответствующие функции.

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »