Книга: HTML, XHTML и CSS на 100%

Объект Screen

Объект Screen

Объект Screen содержит информацию о различных параметрах экрана монитора пользователя: разрешающая способность, глубина цвета, частота обновления экрана и т. п. Эти данные могут помочь разработчику подстроить интерфейс сайта под конкретные параметры экрана.

Как и другие объекты, Screen имеет свои свойства.

• width – определяет полную ширину экрана монитора в пикселах.

• height – задает полную высоту экрана монитора пользователя в пикселах.

• availHeight – определяет высоту полезной области экрана монитора без Панели задач и подобных ей элементов графического интерфейса операционной системы.

• availWidth – возвращает ширину полезной области экрана монитора без Панели задач и подобных ей элементов графического интерфейса операционной системы.

• colorDepth – возвращает глубину цвета. Для 16 цветов возвращается 2, для 256 – 8, для 16,7 миллионов цветов (режим High Color) – 32.

• updateInterval – возвращает интервал времени (в миллисекундах) между обновлениями экрана. Значение 0 позволяет браузеру выбирать среднее число, что обычно работает лучше всего.

Примечание

На значения свойств объекта Screen также влияют пользовательские настройки параметров видео в Панели управления.

В следующем примере приведен сценарий, который позволит вам определить параметры экрана монитора (листинг 10.13).

Листинг 10.13. Свойства объекта Screen

<html>

<head>

<title>Свойства объекта Screen</title>

</head>

<body>

<script language=JavaScript>

<!– Маскировка сценария

document.write('width: '+window.screen.width+'<br>');

document.write('availWidth: '+window.screen.availWidth+'<br>');

document.write('height: '+window.screen.height+'<br>');

document.write('availHeight: '+window.screen.availHeight+'<br>');

document.write('colorDepth: '+window.screen.colorDepth+'<br>');

document.write('updateInterval: '+window.screen.updateInterval)

// Конец маскировки сценария –>

</script>

</body>

</html>

Результат работы сценария показан на рис. 10.12.


Рис. 10.12. Параметры экрана монитора

Размеры экрана монитора пользователя являются очень важными для разработчика. Создавая сайт под разрешение монитора 1280 х 720 пикселов, нужно помнить, что его будет очень неудобно просматривать на экране с разрешением 800 х 600. Используя свойства объекта Screen, в сценарии JavaScript можно изменять размер веб-страниц в зависимости от разрешения экрана монитора пользователя. Если вместе с этим приемом использовать сценарий для определения браузера пользователя, то ваш сайт будет прекрасно отображаться в окне любого браузера на экране с любым разрешением.

Оглавление книги


Генерация: 0.619. Запросов К БД/Cache: 0 / 2
поделиться
Вверх Вниз