Открытие и закрытие окон

Открытие новых окон в браузере - грандиозная возможность языка JavaScript. Вы можете либо загружать в новое окно новые документы (например, те же документы HTML), либо (динамически) создавать новые материалы.

Открытие окон

Вы можете создавать окно с помощью метода Window. Следующее утверждение создает окно "msgWindow", которое показывает содержание файл sesame.html:  MsgWindow=window.open("sesame.html")  Следующее утверждение создает окно "homeWindow", которое показывает домашнюю страницу Netscape:  homeWindow=window.open("http://www.netscape.com")  Окна могут иметь два названия. Следующее утверждение создает окно с двумя названиями. Название окна "msgWindow" - это вовсе не имя окна, но только с помощью этой переменной вы можете получить доступ к окну. И поскольку это обычная переменная, то область ее действия - лишь тот скрипт, в котором она определена; а между тем, имя окна,"displayWindow" - уникальный идентификатор, которым можно пользоваться с любого из окон браузера.  msgWindow=window.open("sesame.html","displayWindow")  Когда Вы создаете окно, имя окна не требуется. Но если Вы хотите обратиться к окну из другого окна, то окно должно иметь свое уникальное имя (в данном случае "displayWindow"). Приведенный далее скрипт открывает новое окно браузера и загружает в него страничку sesame.html с помощью метода open():

<html>

<head>

<script language="JavaScript">

<!-- hide

function openWin() {

msgWindow= open("sesame.html")

}

// -->

</script>

</head>

<body>

<form>

<input type="button" value="Открыть новое окно" onClick="openWin()">

</form>

</body>

</html>

Начало формы

Конец формы

Заметим, что Вы имеете возможность управлять самим процессом создания окна. Например, Вы можете указать, должно ли новое окно иметь строку статуса, панель инструментов, меню или полосы прокрутки. Кроме того, Вы можете задать размер окна. Рассмотрим следующий пример создания окна размерами 250x100 пикселов, которое не имеет ни строки статуса, ни панель инструментов, ни меню, ни полосы прокрутки.

<html>

<head>

<script language="JavaScript">

<!-- hide

function openWin() {

msgWindow= open("sesame.html",displayWindow",

"width=250,height=100,status=no,

toolbar=no,menubar=no,scrollbars=no")

}

// -->

</script>

</head>

<body>

<form>

<input type="button" value="Открыть новое окно"

onClick="openWin()">

</form>

</body>

</html>

Начало формы

Конец формы

Как видно в примере, свойства окна записаны в строке "width=250,height=100,status=no,toolbar=no,menubar=no,scrollbars=no", в которой следует обратить внимание на то, что вам не следует помещать в ней символы пробела.

Закрытие окон

Вы можете закрывать окна с помощью языка JavaScript. Следующие утверждения закрывают текущее окно:  Window.close ()  Self.close ()  Замечание: не использовать следующее утверждение в обработке результата close() Следующее утверждение закрывает окно, названное "msgWindow":  MsgWindow.close()  Теперь создадим пример, который открывает новое окно. Загрузим туда web-страницу, где при нажатие кнопки оно будет закрыто:

<html>

<script language="JavaScript">

<!-- hide

function closeIt(){

close();

}

// -->

</script>

<center>

<form>

<input type=button value="Закрыть окно" onClick="closeIt()">

</form>

</center>

</html>

Начало формы

Конец формы

open() и close() - это методы объекта window. Мы должны помнить, что следует писать не просто open() и close(), а window.open() и window.close(). Однако в нашем случае объектwindow можно опустить - Вам нет необходимости писать префикс window, если Вы хотите всего лишь вызвать один из методов этого объекта (и такое возможно только для этого объекта).