Работа со свойствами экрана (screen)
Разрешение экрана
Его можно узнать так:
var swidth=0; var sheight=0; if (self.screen) { // Для NN4 и IE4 swidth = screen.width; sheight = screen.height } else if (self.java) { // Для NN3 с поддержкой Java var jkit = java.awt.Toolkit.getDefaultToolkit(); var scrsize = jkit.getScreenSize(); swidth = scrsize.width; sheight = scrsize.height; }
Свободная область экрана
Также могут быть важны переменныеscreen.availWidth
и screen.availHeight
,
дающие размер свободной области экрана (без панели задач и других панелей,
постоянно занимающих место на экране, например, панели MS Office или ICQ).
Внутренний размер окна браузера
Для вопросов, связанных с дизайном и версткой сайтов, гораздо важнее знать реальный внутренний размер окна браузера, доступный для отображения HTML-странички. Он может быть намного меньше размеров экрана, если браузер открыт не в максимизированном окне, если в браузере применяются боковые панели, если страничка открыта во фрейме и т.п.
Внутренний размер окна браузера можно узнать так:
var winwidth=(window.innerWidth)?window.innerWidth: ((document.all)?document.body.offsetWidth:null); var winheight=(window.innerHeight)?window.innerHeight: ((document.all)?document.body.offsetHeight:null);
Правда, к сожалению, в IE этот код работает только после того, как браузер дойдет до тега
. Поэтому данный код можно применять только в скриптах, выполняемых ниже или в скриптах, выполняемых при возникновении тех или иных событий (наведение мышкой или нажатие на ссылку, отправка формы и т.п.).Режим отображения цветов
Переменная
var colors=(screen.colorDepth)?screen.colorDepth:screen.pixelDepth;даст вам режим отображения цветов:
4 - 16-цветный режим VGA/SVGA
8 - 256-цветный режим Indexed Color
15/16 - режим High Color (32 или 64 градации красного, зеленого и синего).
24/32 - режим True Color (256 градаций каждого основного цвета)