Yutex - Платный хостинг PHP.
Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Технические фишки инфобизнеса 2014

Статьи для сайтов!!!
Цикл for Метод open объекта Window Методы alert, prompt и confirm

Метод open - Объект Window js - Дочернее окно JavaScript

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

Урок №1 Метод open объекта Window

Количество просмотров: 767

Здесь мы приступаем к рассмотрению новой темы в изучении сценарного языка программирования JavaScript. Поговорим об объекте Window и одном из его методов - методе open.

Так как ранее мы этого не касались, то давайте разберемся, что это за объект Window.

Для этого сначала вернемся в самое начало нашего обучения и вспомним о том, что мы говорили об объекте document. Так вот document - это основной объект Веб-страницы, который, по сути, ею и является. Он содержит в себе текст, изображения, ссылки и т.п., то есть всё то, что мы видим, зайдя на страничку того или иного сайта.

Но помимо Веб-страницы и ее содержимого в браузере есть ещё ни мало и других вещей: это полоса прокрутки, адрес сайта и иная информация, элементы интерфейса. Так вот всё то, что не является частью Веб-документа, всё окно браузера - это и есть объект Window.

Через объект Window можно получить доступ к интересной и полезной информации. Об этом мы будем разговаривать далее.

Метод open объекта Window - Дочернее окно

Метод open объекта Window - Дочернее окно

Сейчас давайте рассмотрим один из методов объекта Window, который позволяет генерировать новое окно. Это метод open.

Для знакомства с методом open сразу обратимся к примеру...

<script type="text/javascript">

window.open("","Новое окно","width=400, height=300");

</script>

Как Вы могли убедиться из примера, метод open объекта Window позволил из «Родительского» (основного) окна сгенерировать новое, так называемое «Дочернее» окно согласно заданным параметрам. Каковы же они?

Метод open содержит три основных параметра:

  • Адрес - то есть, какую страницу мы хотим видеть в новом окне. Этот параметр пока остался пустым "".

  • Название окна - пусть это будет "Новое окно".

  • Различные опции окна - из них пока указаны лишь размеры: ширина и высота "width=400, height=300".

Итак, пока что мы получили пустое окно. И, по сути, мы ничего не можем с ним сделать, так как у нас нет к нему доступа!

Но как нам его получить? Как работать с этим окном? Скоро мы к этому вернёмся...

Глобальный объект Window

Глобальный объект Window

А пока я хочу сказать Вам о том, что объект Window является глобальным. Он существует всегда и сейчас тоже, когда мы работаем с текущим окном.

Как Вы знаете из начальной части этого курса по JavaScript, для того чтобы вывести какую-либо информацию в текущее окно нужно воспользоваться методом write объекта document.

<script type="text/javascript">

document.write("Выводим информацию в текущее окно. Как правило, мы при этом явно не указываем на существование объекта Window...");

</script>

Выводим информацию в текущее окно. Как правило, мы при этом явно не указываем на существование объекта Window...

Но на самом деле реальная и правильная запись кода такова:

<script type="text/javascript">

window.document.write("Но на самом деле объект Window всегда существует. Просто не имеет смысла постоянно его прописывать в коде!!! Он просто есть и всё...");

</script>

Но на самом деле объект Window всегда существует. Просто не имеет смысла постоянно его прописывать в коде!!! Он просто есть и всё.../p>

Обратили внимание!!! Перед объектом document расположен глобальный объект Window. И он есть всегда, просто его опускают, когда работают с текущим окном. Так все время поступали и Мы, проходя предыдущие темы и уроки.

Итак, запомните, объект Window является глобальным и содержит в себе другие объекты. Как Вы сами видели, в предыдущем примере объект document принадлежит объекту Window.

По сути, объект document - это всего лишь документ. Это то, что загружается в браузер и представляет собой Веб-сайт. Браузер тоже является объектом, и он тоже принадлежит объекту Window.

Есть и другие объекты принадлежащие Window. Например, Screen, который содержит информацию об экране пользователя (о его разрешении). Объект history - он отвечает за «историю», то есть за информацию о том, как пользователь перемещался по сайту.

Таким образом, объект Window является «родителем» для других объектов. Но повторюсь, что о нём в основном не упоминается, потому что мы, как правило, работаем с текущим окном.

Когда же мы имеем дело с «Дочерним» окном, то дело обстоит иначе. Давайте дальше работать с методом open.

Метод open объекта Window - Продолжение...

Метод open объекта Window - Продолжение...

Теперь, как я и обещал, мы возвращаемся к методу open. И поговорим о том, как же нам работать с дочерним окном, которое создает этот метод.

Так вот, метод open объекта Window при создании окна возвращает ссылку на это окно, поэтому для работы с «Дочерним» окном необходимо создать произвольную переменную и поместить в нее ссылку, возвращаемую методом open.

Выглядит это следующим образом:

<script type="text/javascript">

var new_Win = window.open("","Новое окно","width=400, height=300");

</script>

Теперь мы можем управлять этим дочерним окном и вносить туда какую-либо информацию. Для этого, как Вы можете видеть в примере ниже, мы сначала указываем «Имя» этого окна, то есть название ранее созданной произвольной переменной 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("Здесь мы работаем с текущим окном, то есть с родительским..." + "<br />"); /* Выводим информацию в текущее окно */

window.document.write("И не забываем о том, что объект Window всегда существует!!!"); /* Выводим информацию в текущее окно с указанием объекта Window */

</script>

Если это показалось Вам немного запутанным, то давайте ещё раз всё это опишем:

  • window.open("..."); - генерируем из родительского «Дочернее» окно.

  • var new_Win = window.open("..."); - помещаем в произвольную переменную ссылку, возвращаемую методом open.

  • new_Win - эту переменную условно можно обозначить как «Имя» дочернего окна.

  • new_Win.document.write("..."); - Теперь мы можем работать с «Дочерним» окном через переменную new_Win. Выводим информацию в «Дочернее» окно.

И напомним о том, что....

  • document.write("..."); - Так мы выводим информацию в текущее «Родительское» окно.

  • window.document.write("..."); - Объект Window всегда существует. Аналогично - выводим информацию в текущее «Родительское» окно.

Главная Изучаем JavaScript Метод open объекта Window Методы alert, prompt и confirm

Ваши комментарии к уроку:

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

Добавить комментарий:

Ваше Имя:*
Комментарий:*
Ответьте на вопрос: *
Сколько дней в Високосном году?
* - поля обязательные для заполнения.
JavaScript
Частота просмотра уроков
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru