Переменные как свойства окна

Глобальные переменные на самом деле являются свойствами объекта window. В следующем примере мы открываем окно с идентификатором wid, заводим в нем глобальную переменную t и затем пользуемся ею в окне-родителе, ссылаясь на нее как wid.t:

wid = window.open('','','width=750,height=100,status=yes');

wid.document.open(); R = wid.document.write;

R('<HTML><HEAD><SCRIPT>var t;<\/SCRIPT></HEAD>');

R('<BODY><H1>Новое окно</H1></BODY></HTML>');

wid.document.close();

</SCRIPT>

</HEAD>

<BODY>

<A HREF="javascript:

wid.t=window.prompt('Новое состояние:','');

wid.status=wid.t; wid.focus(); void(0);"

>Изменим значение переменной t в новом окне</A>

</BODY></HTML>

Пример 4.4. Изменение переменной открытого окна (html, txt)

Обратите внимание на нюанс: внутри скрипта мы написали <\/SCRIPT>. Комбинация " \/ " выдает на выходе " / ". Сделали мы это для того, чтобы браузер (точнее, его HTML-парсер) не воспринял бы </SCRIPT> как завершающий тэг нашего (внешнего) скрипта. Подробнее этот аспект обсуждался во вводной лекции. Также обратите внимание на алиас (синоним) R, который мы дали методу wid.document.write, чтобы иметь возможность кратко вызывать его как R(...).

Аналогичным образом (с приставкой wid, указывающей на объект окна) можно обращаться ко всем элементам, находящимся в открытом нами окне, например, к формам. В качестве примера рассмотрим изменение поля ввода в окне-потомке из окна-предка. Создадим дочернее окно с помощью функции okno(), в нем создадим форму, а затем обратимся к полю этой формы из окна-предка:

<HTML>

<HEAD>

var wid; // Объявляем глобальную переменную

function okno()

{

wid = window.open('','okoshko','width=500,height=200');

wid.document.open(); R = wid.document.write;

R('<HTML><BODY><H1>Меняем текст в окне-потомке:</H1>');

R('<FORM NAME=f><INPUT SIZE=40 NAME=t VALUE=Текст>');

R('</FORM></BODY></HTML>');

wid.document.close();

}

</SCRIPT>

</HEAD>

<BODY>

<INPUT TYPE=button VALUE="Написать текущее время в поле ввода"

onClick="window.wid.document.f.t.value=new Date();

window.wid.focus();">

</BODY>

</HTML>

Пример 4.5. Изменение поля статуса в открытом окне (html, txt)

Открывая окно-потомок, мы поместили в переменную wid указатель на окно:wid=window.open(...);. Теперь мы можем использовать wid как идентификаторобъекта класса Window. Вызов метода window.wid.focus() в нашем случае обязателен, поскольку при нажатии на кнопку "Написать текущее время в поле ввода" происходит передача фокуса в родительское окно (которое может заслонять вновь открытое окно, так что изменения, происходящие в окне-потомке, не будут видны пользователю). Для того, чтобы увидеть изменения, мы должны передать фокус в окно-потомок.

Переменная wid должна быть глобальной, т.е. определена за пределами каких-либо функций (как сделано в нашем примере). В этом случае она становитсясвойством объекта window, поэтому мы обращаемся к ней в обработчикеonClick посредством window.wid. Если бы мы поместили ее внутри описания функции okno(), написав var wid = window.open(...), то мы не смогли бы к ней обратиться из обработчика события onClick, находящегося вне функцииokno().