Опубликован: 19.10.2006 | Уровень: для всех | Доступ: платный
Лекция 12:

Открываем новые окна

< Лекция 11 || Лекция 12: 12 || Лекция 13 >

Тэги в новом окне

В открывающееся новое окно загружается документ HTML opened.html. Это обычная страница HTML, которая может содержать любые команды, в частности, с этой страницы можно управлять загрузкой других документов. Например, чтобы открыть главную страницу INTUIT в основном окне, надо поместить на ней следующий код:

<A HREF="http://www.intuit.ru" TARGET="main window"></A>

Основное окно всегда имеет по умолчанию имя "main". Поэтому в команду HREF документа HTML добавляется просто команда TARGET="—" c указанием main для окна, в которое должна загрузиться страница.

А если надо, чтобы страница загрузилась в новом окне? У этого окна, как было сказано выше, тоже есть имя, здесь оно названо joe. Необходимо написать просто команду ссылки HREF с указанием окна joe.

Можно открыть на самом деле несколько окон, добавляя несколько команд window.open. Надо только задать окнам различные имена. Можно создавать также ссылки между окнами, указывая необходимые имена окон.

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

Можно создать также в документе ссылку, которая будет закрывать окно. Вот как это делается:

<A HREF="" onClick="self.close()">Щелкните, чтобы закрыть</A>

Это обычная ссылка HREF, которая никуда не ведет. Видите пустые кавычки? Задание ссылки таким образом позволяет избежать загрузки страницы. Закрывает окно команда onClick="self.close()".

self (само, себя) — это свойство может относиться к любому объекту. В нашем случае это свойство окна. Команда close (закрыть) закрывает окно.

Еще один вопрос

Допустим, что требуется открыть окно по команде, а не когда пользователь заходит на страницу. Вот как это можно сделать:

<A HREF="les11.htm" onClick="window.open('opened.html', 'joe',
config='height=300,width=300')">Щелкните, чтобы открыть 'joe'</A>

Это ссылка HREF, которая направлена на саму себя. Команда onClick делает работу, а параметры содержатся в скобках ().

В следующем уроке мы поговорим о том, как из одной страницы сделать две.

Задание

Здесь не были показаны в действии все доступные функции, так что в качестве задания напишите сценарий, который откроет новое окно со всеми характеристиками. Пусть оно будет размером 300 на 500 пикселей и содержит две ссылки:

одна откроет новую страницу в главном окне; вторая откроет новую страницу в том же окне.

Страница, которая откроется в том же маленьком окне, должна содержать ссылку, закрывающую окно.

И сделайте фон страницы желтым ( ffff00 ).

Возможное решение

<SCRIPT type="text/javascript">

window.open ('opened2.html', 'newwin', 
config='height=300,width=500,toolbar=no,
menubar=yes,scrollbars=no,resizable=no,
location=no,directories=yes,status=no')

</SCRIPT>

Использованы все характеристики. Ссылки внутри нового окна написаны так же, как и в материалах урока.

< Лекция 11 || Лекция 12: 12 || Лекция 13 >
Елена Сапегова
Елена Сапегова

После прохождения теоретической части пришло письмо об окончании теоретической части курса, будет ли практическая часть?

Эдуард Семынин
Эдуард Семынин

Здравствуйте.

Перестали быть видны лекции и тесты практикума по программированию на JavaScript. Уже второй день из моего аккаунта виден лишь план занятий. В чем может быть проблема?

 

Alex Chekalov
Alex Chekalov
Украина, Poltava
Виктория Вернер
Виктория Вернер
Украина, Днепропетровск, ДИИТ, 2012