HTML, XHTML и CSS на сто процентов.
Объект 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> <titlе>Свойства объекта 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. HTML, XHTML и CSS на сто процентов. Рис. 10.12. Параметры экрана монитора. Размеры экрана монитора пользователя являются очень важными для разработчика. Создавая сайт под разрешение монитора 1280 х 720 пикселов, нужно помнить, что его будет очень неудобно просматривать на экране с разрешением 800 х 600. Используя свойства объекта Screen, в сценарии JavaScript можно изменять размер веб-страниц в зависимости от разрешения экрана монитора пользователя. Если вместе с этим приемом использовать сценарий для определения браузера пользователя, то ваш сайт будет прекрасно отображаться в окне любого браузера на экране с любым разрешением.