О web-разработке
и даже немного больше...

Определяем размеры окна браузера в JavaScript

JavaScript сниппет на заметку. Иногда, для некоторых целей, может потребоваться узнать размеры окна браузера пользователя, после чего предпринимать какие-либо действия. Первый универсальный способ, работает во всех браузерах, в том числе и IE:

function getClientWidth(){
  return document.compatMode=='CSS1Compat' &&
!window.opera?document.documentElement.clientWidth:document.body.clientWidth;
}

function getClientHeight(){
  return document.compatMode=='CSS1Compat' &&
!window.opera?document.documentElement.clientHeight:document.body.clientHeight;
}

Вышеописанные функции возвращают ширину и высоту размера окна браузера, в котором исполняется данный JS код.
Способ второй. Для этих целей используется JQuery, соответственно, нужные функции уже прописаны до нас, разработчиками JQuery, нам лишь остаётся их использовать:

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

Надеюсь пригодиться, успехов.

Опубликован: 25.08.2013 г.

См. также:

Делаем кнопки «Поделиться в соцсетях»
Стрелочные функции в JS
Мобильное меню для сайта на CSS
Опасность использования атрибута target="_blank"
Бесконечная анимация вращения на CSS
Анимация вращения при наведении курсора
Стилизация выделения номера телефона в мобильных браузерах
Эффекты кнопок для сайта

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Комментарии
  • Загрузка...
Друзья сайта