Кодинг
★ Рубрика: Кодинг
★ Тема: Javascript, jquery

Разрешение экрана и размеры окна браузера

Для создания адаптивных сайтов, контейнеров, для выравнивания элементов и для многих других целей может понадобиться вычислить разрешение экрана пользователя открывшего сайт или размеры окна браузера, в котором отображается сайт. Для решения этой задачи есть разные средства. Рассмотрим один из таких способов с применением javascript и jQuery. Для начала немного теории:
screen.width. Определяет ширину экрана (монитора).
screen.height. Определяет высоту экрана (монитора).
document.body.clientWidth. Определяет ширину браузера.
document.body.clientHeight. Определяет высоту браузера.
$(window).width(). Определяет ширину браузера при наличии jQuery.
$(window).height(). Определяет высоту браузера при наличии jQuery.
А дальше примеры скриптов для решения перечисленных выше задач. Например, для нахождения и вывода на экран разрешения экрана можно использовать скрипт:
document.write('Разрешение экрана: '+screen.width+'×
'+screen.height+'px.'); 
Результат работы такого скрипта:

Дальше приведем пример скрипта для определения размеров окна браузера:

document.write('Размеры окна браузера: 
'+$(window).width()+'×'+$(window).height()+'px.'); 
Пример работы такого скрипта:

 Похожие публикации: Javascript, jquery

Войдите, чтобы добавить Ваш ответ. [ Регистрация | Вход ]