Объекты window и Frame

Иерархия объектов

На самом верхнем уровне иерархии находится объект window, представляю-

щий окно браузера и являющийся "родителем" всех остальных объектов.

Расположенные ниже в иерархии объекты могут иметь свои подчиненные

объекты.

1. Document

2. History

3. Location

4. Frame

 

Объект Document имеет следующую структуру:

· Form

· Plugin

· Applet

· Anchor

· Area

· Image

· Link

· Layer

Ниже приведена структура объекта Form:

· Text

· Textarea

· Password

· Hidden

· Submit

· Reset

· Buttom

· Radio

· Checkbox

· select

Особняком стоит объект navigator с двумя дочерними (подчиненными) объектами. Он относится к самому браузеру, и его свойства позволяют определить характеристики программы просмотра. Свойство appName содержит имя браузера (для Internet Explorer, например, его значение равно "Microsoft internet Explorer"), а свойство appVersion содержит информацию о версии браузера.

Каждая страница в добавление к объекту navigator обязательно имеет еще четыре объекта:

· window — объект верхнего уровня, свойства которого применяются ко всему окну, в котором отображается документ.

· document — свойства которого определяются содержимым самого документа: связи, цвет фона, формы и т. д.

· location — свойства которого связаны с URL-адресом отображаемого документа.

· history — представляет адреса ранее загружавшихся HTML-страниц.

Для задания точного имени объекта используется точечная нотация с полным указанием всей цепочки наследования объекта. Это возможно, так как объект верхнего уровня имеет свойство, значением которого является объект нижнего уровня. Ссылка на объект осуществляется по имени, заданному параметром NAME тэга HTML. Например:

<FORM NAME="forml">

Фамилия: <INPUT TYPE = "text" name = "studentName" size = 20>

Курс: <INPUT TYPE = "text" name = "course" size = 2>

</FORM>

Для получения фамилии студента, введенного в первом поле ввода, в программе JavaScript следует использовать ссылку document.forml.studentName.value.

 

Свойства и методы ключевых объектов

Объекты window и Frame

Объект window создается автоматически при запуске браузера, так как для отображения документа необходимо окно. В меню Файл (File) любого браузера есть команда Создать (New), позволяющая открыть новое окно и отобразить в нем новый документ, и команда Закрыть (Close) закрытия окна. Эти действия можно осуществлять программно из приложения JavaScript, применяя методы open () и close () объекта window.

Новое окно создается методом open (}, который имеет следующий синтаксис:

Имя_перемен_окна=window. open ([имя_файла], [имя_ссылки_окна], [параметры])

Здесь:

· имя_перемен_окна — имя для ссылки на новое окно в операторах JavaScript,

· имя_файла — полный или относительный URL-адрес открываемого в окне документа,

· имя_ссылки_окна — имя, указываемое в качестве цели в гипертекстовой ссылке на это окно из другого документа HTML,

· параметры — задают значения параметров окна (ширина, высота, наличие панелей инструментов, полос прокрутки и т. п.).

Например:

winExample=window.open("http://www.bhv.ru/library/index.html",

"linkWin","toolbar=no,scrollbars=yes")

Вывод во вновь открытое окно осуществляется методом write () объекта document этого окна. Например:

msgWindow.document.write("Заголовок")

Закрывается окно методом close() без параметров. Для закрытия окна, открытого методом open (), необходимо явно указывать имя переменной этого окна:

msgWindow.close()

Метод alert() объекта window отображает диалоговое окно с текстом, передаваемым в качестве параметра этому методу. Эта функция полезна в сценариях проверки правильности заполнения полей формы перед отправкой формы на сервер.

Метод prompt() позволяет ввести значение переменной для использования в программе.

Аналогично работает и метод confirm(), но, вместо значения, он выводит логическую переменную (true, false) в зависимости от нажатой кнопки(ОК, Отменить).

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

Метод setTimeout() объекта Window планирует запуск функции через определенное число миллисекунд. Метод setTimeout() возвращает значение, которое может быть передано методу clearTimeout(), позволяющему отменить запланированный ранее запуск функции.

Метод setInterval() похож на setTimeout(), за исключением того, что он автоматически заново планирует повторное исполнение. Подобно setTimeout(), метод setInterval() возвращает значение, которое может быть передано методу clearInterval(), позволяющему отменить запланированный запуск функции.

В этих методах первым аргументом является имя функции, а вторым - интервал в миллисекундах.

Объект window имеет свойство screen, которое тоже является объектом и описывает окно пользователя в браузере. Его свойства width и height задают размер экрана в пикселях.

В HTML тэг-контейнер <FRAMESET>...</FRAMESET> задает специальный тип окна, называемый набором фреймов. Это окно может отображать несколько независимых, каждый со своими полосами прокрутки фреймов на одном экране. Каждый фрейм, в свою очередь, может отображать определенный документ, расположенный по адресу, указанному в параметре SRC тэга <FRAME>. Набор фреймов образует страницу, поэтому не надо задавать тэг <BODY>. Значение параметра NAME задает имя, по которому можно ссылаться на соответствующий фрейм в иерархии объектов документа. На верхнем уровне расположен объект top, являющийся родителем всех фреймов на странице. Для ссылки на фреймы страницы можно использовать либо символические имена, либо свойство-массив frames объекта top.

 

 

Объект document

Этот объект содержит информацию о текущей загруженной странице. При работе с этим объектом полезно его свойство URL, содержащее адрес загруженного документа. Этот объект используется наиболее часто в связи с его двумя полезными методами write() и writeln(), которые записывают в документ информацию и, тем самым, позволяют динамически его создавать. Второй метод после записи производит переход на новую строку.