Объект window

Объект window является контейнером других объектов и создается при запуске браузера или в коде JS: var win=window.open ([параметры]);

Свойства объекта: closed= true, если текущее окно закрыто; defaultStatus /status – сообщение отображается в строке состояния внизуокна; history – возвращает ссылку на объект истории браузера; innerHeight/innerWidth – возвращает высоту/ширину клиентской области окна; name – возвращает имя окна или фрейма; opener – возвращает ссылку на родительское окно; outerHeight/outerWidth – возвращает полную высоту / ширину окна в пикселах; pageXOffset/pageYOffset – расстояние по горизонтали/ по вертикали между позицией окна и левой границей документа

Свойства окна, передаваемые методу open()

alwaysLowered=yes|no. Если yes, то создаваемое окно будет находиться под другими окнами. alwaysRaised=yes|no. Если yes, то создаваемое окно будет всегда находиться над другими окнами.dependent=yes|no. Если yes, то создаваемое окно будет дочерним, при закрытии создающего окна будет закрываться и создаваемое. fullscreen=yes|no. Если yes, то создаваемое окно займет весь экран. innerHeight={Высота}/innerWidth= {Ширина}. Задает высоту/ширину клиентской области создаваемого окна в пикселах. left={X}. Задает горизонтальную координату левого верхнего угла окна. location=yes|no. Включает или отключает отображение панели адреса, включающего строку ввода адреса, у создаваемого окна. menubar=yes|no. Включает или отключает отображение строки меню.

outerHeight={Высота}. Задает полную (с рамками, строкой меню, полосами инструментов) высоту создаваемого окна в пикселах. outerWidth= {Ширина}. Задает ширину создаваемого окна в пикселах.

replace=yes|no. Если yes, то адрес документа, размещаемого в создаваемом окне, заменит в списке истории адрес документа, находящегося в создающем окне. resizable=yes|no. Включает или отключает возможность изменения размера создаваемого окна.

screenX={X}/screenY={Y}. То же, что и left/ top. scrollbars=yes|no. Включает отображение полос прокрутки у создаваемого окна.

titlebar=yes|no. Включает или отключает отображение заголовка у создаваемого окна. toolbar=yes|no. Включает/отключает отображение панели инструментов у создаваемого окна.

Вместо значений yes и no можно использовать 1 и 0.

Методы объекта window

Метод back()-возвращается к предыдущему документу; focus()/blur()-переносит/ удаляет фокус на текущее окно; clearInterval({Таймер})- останавливает таймер, установленный setInterval(); clearTimeout({Таймер})-останавливает таймер, установленный setTimeout(); close()-закрывает текущее окно, открытое методом open(); execScript({Выражение},"JavaScript" )-вычисляет выражение; find([{Строка поиска}[, true|false]) - второй аргумент равен true, если по­иск с учетом регистра символов, иначе false; forward()-переходит к сле­дующему документу в списке истории; home() - переходит на "домаш­нюю" страницу, заданную в настройках браузера.

moveBy({X},{Y})-перемещает окно на X пикселов вправо и на Y пиксе­лов вниз; moveTo({X},{Y})-перемещает окно в точку экрана, заданную координатами X и Y; navigate({Адрес}) - загружает Web-страницу; open({Адрес}, {Имя окна}, [{Список свойств окна}]) -открывает новое окно, загружает в него документ, адрес которого указан, и присваивает окну переданное имя; print()-печатает содержимое окна.

resizeBy({X},{Y})-увеличивает/уменьшает окно на X пикселов по гори­зонтали и на Y пикселов по вертикали; resizeTo({X},{Y})-увеличивает или уменьшает окно до размера, заданного X и Y; scrollBy({X},{Y}) - прокручивает содержимое окна на X пикселов вправо и Y пикселов вниз; scrollTo({X},{Y}) - прокручивает содержимое окна в точку, заданную значениями X и Y; setHotKEys(true|false) - разрешает (true) или запрещает (false) "горячие" клавиши в окне, не имеющем строки меню; setInterval({Функции или выражение},{Интервал}, [{Список аргументов функции, разделенных запятыми}]) - вычисляет значение выражения ка­ждый раз по истечении заданного интервала (в миллисекундах). Возвра­щает указатель на объект таймер, который можно использовать в методе clearInterval. Функция setResizeeable(true|false) разрешает (true) или за­прещает (false) пользователю изменять размеры окна. setTimeout({Функции или выражение},{Интервал}, [{Список аргумен­тов функции, разделенных запятыми}]) - вычисляет значение выражения по истечении заданного интервала (в миллисекундах), если до этого не был вызван метод clearTimeout. Возвращает указатель на объект, кото­рый можно использовать в методе clearTimeout для уничтожения таймера. stop() - останавливает загрузку текущей страницы.

Все методы вызываются одним из следующих способов:

window. метод(параметры);

self. метод(параметры);

winobj. метод(параметры);

В следующем примере рассмотрим использование метода window.open() для открытия минимизированного окна.

<html> <head>

<title>пример pr27: минимизация окна, window.closed Property</title>

<script type="text/javascript">

var newWind; // новое окно

function newWindow() {

newWind = window.open("","subwindow","height=100,width=50");

setTimeout("fNewWindow()", 100);

}

function fNewWindow() {

var str = "";

str += "<html><body><h1>Порожденное окно</h1>";

str +="</body></html>";

newWind.document.write(str);

newWind.document.close();

}

function closeWindow() { // close subwindow

if (newWind && !newWind.closed) newWind.close();

}

</script>

</head>

<body>

<form>

<input type="button" value="Открыть Порожденное окно" onclick="newWindow()" /><br />

<input type="button" value="Закрыть Порожденное окно" onclick="closeWindow()" />

</form>

</body> </html>

В следующем примере в первое открывающееся окно записывается существующий документ, во втором окне документ создается “на ходу”

<html><head>

<title> pr28: открытие документа в новом окне</title>

<script type="text/javascript">

//Первая функция открывает в новом окне существующий документ

function openStaticWin() {

window.open("test26.htm","_blank","height=500,width=600,status=yes,

location=no, resizable=yes ");

document.bgColor ='ff0000'}

function openDynamicWin() { //задает код нового документа динамически.

var newWin = window.open();

newWin.document.open();

newWin.document.write("<html><head></head><body>"

+ new Date() + "</body></html>");

newWin.document.close();

}

</script>

</head>

<body>

<form name="form2">

<input type="button" name="button1" value="openStaticWin"

onclick="openStaticWin();">

<input type="button" name="button2" value="openDynamicWin"

onclick="openDynamicWin();">

</form>

</body></html>

<!-- test26.htm: шаблон HTML для скрипта -->

<html>

<head>

<title> Test Window Окно#2 </title>

<form name=form1>

<input type="button" name="button3" value="close"

onclick="window.close();">

</form>

</head>

<body >

</body></html>