Будьте в курсе последних событий, подпишитесь на обновления сайта

Объект Screen. Как узнать размеры экрана пользователя

Объект Screen. Как узнать размеры экрана пользователя

Здравствуйте!  Да думал, что урок  по объекту Navigator будет последним в теме «Работа с BOM», но как оказалось я совсем забыл про еще один полезный объект screen. Благодаря объекту screen можно узнать размеры экрана пользователя, а соответственно это можно использовать для  адаптивного дизайна.

Объект screen

 

  • screen.width — возвращает ширину экрана монитора
  • screen.height —  возвращает  высоту экрана монитора
  • screen.availWidth — возвращает полезную  ширину экрана
  • screen.availHeight — возвращает полезную высоту экрана
  • screen.colorDepth — возвращает глубину цвета. Измеряется в бит/пиксель.

Рассмотрим примеры использования этого объекта.
Показывает размеры экрана

 //Покажем разрешение Вашего экрана и выведем его на на страницу
document.write('Разрешение вашего экрана: '+screen.width+'X'+ 
screen.height');

Показывает полезные размеры экрана, то есть если например панель задач у вас размещается внизу, то ее высот не будет учитываться в высоте.

//Покажем  полезное разрешение Вашего экрана и выведем его на на страницу
document.write('Разрешение вашего экрана: '+screen.availWidth+'X'+ 
screen.availHeight');

ИТОГИ

Для того чтобы узнать размеры экрана  монитора используется объект screen.

Причем screen.width — это ширина экрана, а screen.height — это высота экрана.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Поделиться
Читайте также  Управление окнами на JavaScript

Об авторе

admin administrator

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: