В этом блоге мы рассмотрим параметры, позволяющие определить некоторые свойства экрана.
avaiiHeight
,avaiiWidth
— позволяют узнать рабочую высоту и ширину экрана в пикселах без учета панели задач и других панелей, постоянно занимающих место на экране, например, панели MS Office или ICQ.height
,width
— позволяют вычислить высоту и ширину экрана.
К счастью, эти параметры поддерживаются всеми современными нашими браузерами. Вот пример, позволяющий вычислить доступные размеры для окна браузера и раскрывающий его в соответствии с полученными результатами (листинг 1).
Листинг 1. Развернуть окно на максимально возможные размеры
<script type = "text/javascript">
function fullWindow()
{
window.moveTo(0, 0);
window.resizeTo(screen.availWidth, screen.availHeight);
}
</script>
</head>
<body onload="fullWindow()">
Раз уж мы можем узнать размеры монитора пользователя, то можем создавать при необходимости разные Web-страницы под различные разрешения монитора. Вот самый простой сценарий, который приходит в голову (листинг 2).
Листинг 2. Определение разрешения экрана
<script type = "text/javascript">
var msg="У вашего монитора очень высокое разрешение";
if (screen.width == 640 || screen.height == 480){
location=("640x480.htm");}
else if (screen.width == 800 || screen.height == 600){
location=("800x600.htm");}
else if (screen.width == 1024 || screen.height == 768){
location=("1024x768.htm");}
else if(screen.width == 1152 || screen.height == 864){
location=("1152x864.htm");}
else if (screen.width == 1280 || screen.height == 720){
location=("1280x720.htm");}
else if (screen.width > 1280 || screen.height > 720){
alert(msg);}
</script>