Работа со свойствами экрана (screen) Javascript

Работа со свойствами экрана (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 градаций каждого основного цвета)

Javascript