Объект Screen

Работа с данным объектом не вызывает трудностей, область его применения довольна узка и поэтому останавливаться подробно на работе с ним мы будем. Приведём лишь простой пример.

Пример 18 …
document.write("Высота полезной области экрана: "+window.screen.availheight);
document.write("<br>");
document.write("Ширина полезной области экрана: "+screen.availWidth);
document.write("<br>");
document.write("Глубина цвета: "+screen.colorDepth);
document.write("<br>");
document.write("Полная высота экрана: "+screen.height);
document.write("<br>");
document.write("Полная ширина экрана: "+screen.width);
…

Разъяснять в данном примере особенно нечего, напомним лишь, что все свойства данного объекта только для чтения и изменять какие либо из указанных параметров (глубина цвета, разрешение экрана) необходимо использовать инструменты операционной системы или другие программные средства.

Приведём пример совместного использования объектов window и screen.

Пусть мы хотим сделать выезжающую слева страницу. Разберёмся, что для этого необходимо сделать.

1. Установить необходимый размер выезжающего окна (например 800х600)

2. Изначально установить окно за край экрана, например, чтобы оно выступало справа на 10 пикселей и располагалось посредине относительно высоты (см.рис).

3. Необходимо перемещать окно до тех пор, пока оно не займёт центральное место на экране (см. рис.)

Для установки необходимого размера окна используем метод resizeTo объекта window:

self.resizeTo(800,600)

Для перемещения окна за пределы экрана надо использовать метод MoveTo объекта window. Но для этого метода необходимо рассчитать координату левого верхнего угла окна. Очевидно, что

х = «левая граница экрана» – «ширина окна» + «выступ окна справа».

Окно имеет размер 800х600. Тогда х=0-800+10=-790. Теперь найдём значение у. Мы хотим чтобы окно располагалось посередине экрана относительно его высоты, тогда

y = («высота экрана» - «высота окна»)/2

Получить высоту экрана можно с помощью свойства availHeight объекта screen, тогда

Y = (screen.availHeight -600)/2

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

Х = («ширина экрана» - «ширина окна»)/2 т.е.

X=(screen.availWidth-800)/2

Здесь для получения ширины экрана мы использовали свойство availWidth объекта screen. Но кроме того х должен «пройти» от начального положения до левого края экрана, т.е. 790 пикселей. Поэтому в итоге

Х= X=(screen.availWidth-800)/2+800

Теперь необходимо организовать сам процесс перемещения. Очевидно, что при перемещение окна, также надо использовать метод MoveTo(), но если сразу при использовании этого метода укажем новые значения х и у, то сам процесс перемещения будет не виден для пользователя. Поэтому перемещение организуем следующим образом: начиная от первой (начальной) позиции окна будем двигать окно на 4 пикселя вправо до тех пор, пока оно не достигнет конечного положения (центр экрана). Очевидно для подобной организации перемещения необходимо использовать цикл.

С учётом сказанного, фрагмент программы перемещающий окно будет выглядеть следующим образом: …
self.resizeTo(800,600)
self.moveTo((-790),(screen.availHeight-600)/2)
for (var c=1; c<=(790+(screen.availWidth-800)/2); c=c+4)
self.moveTo((-790+c),(screen.availHeight-600)/2)
…

Пример_19

На этом и закончим рассмотрение примеров работы с дочерними объектами объекта Window (будем их называть объектами «второго уровня») и перейдём к рассмотрению примеров работы с «объектами третьего уровня», т.е. с дочерними объектами объекта document.