«Единственный способ творить великие дела – это любить то, что ты делаешь»
JavaScript



Игра «Морской Бой» на JavaScript: Простая Игра и Игра для Двоих



Метод 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("..."); - вывод информации в дочернее окно.



Читайте также...



Отзывы и комментарии:

Комментариев нет...

Оставить отзыв:

Ваше Имя:

Текст комментария:

Ответьте на вопрос:

Сколько дней в Високосном году?


Объект Window

Тематические публикации
Популярные заметки
Последние заметки