Далее на странице...
Метод open объекта Window позволяет генерировать новое окно в текущем окне браузера.
При этом окно браузера называют «Родительским», а сгенерированное окно «Дочерним».
Метод open возвращает ссылку на дочернее окно.
Параметры метода open
Метод open содержит три основных параметра, согласно которым генерируется дочернее окно.
-
ULR-адрес - страницу, которую следует отобразить в новом окне. В примере ниже этот параметр остался пустым – не имеет значения.
-
Название (имя) окна - пусть это будет "Новое окно".
-
Различные опции окна - из них будут указаны лишь размеры: ширина и высота "width=400, height=300".
<script type="text/javascript">
window.open("","Новое окно","width=400, height=300");
</script>
Метод open возвращает ссылку окно
Код в примере выше выдает пустое окно. И пока с ним ничего нельзя сделать, так как к этому окну нет доступа.
Как получить доступ к дочернему окну и как с ним работать?
Так как метод open объекта Window при создании окна возвращает ссылку на это окно, то для работы с дочерним окном необходимо создать произвольную переменную, в которую помещается ссылка, возвращаемая методом open.
Выглядит это следующим образом:
<script type="text/javascript">
var new_Win = window.open("","Новое окно","width=400, height=300");
</script>
Используя переменную new_Win, есть возможность управлять дочерним окном. Например, вносить туда какую-либо информацию.
В примере ниже это реализуется: сначала указывается «Имя» дочернего окна, то есть название ранее созданной произвольной переменной new_Win. Затем указывается объект, с которым предстоит работа. В данном случае это объект document и его метод write. Таким образом в дочернее окно будет выводиться текст.
<script type="text/javascript">
var new_Win = window.open("","Новое окно","width=400, height=300"); /* В переменную new_Win помещается ссылка, возвращаемая методом open */
new_Win.document.write("Это дочернее окно, созданное методом open объекта Window..."); /* Вывод информации в дочернем окне */
document.write("Это родительское окно"); /* Вывод информации в текущем окне */
</script>
-
window.open("..."); - генерация дочернего окна.
-
var new_Win = window.open("..."); - в произвольную переменную помещается ссылка, возвращаемая методом open.
-
new_Win - эта переменная является именем дочернего окна. Через имя осуществляется доступ к дочернему окну.
-
new_Win.document.write("..."); - вывод информации в дочернее окно.
