Пятница, 25.07.2025, 08:41 Приветствую Вас Гость

On-line: Книги, учебники, статьи

Главная | Регистрация | Вход | RSS

Объекты Навигатора

Справочное руководство по JavaScript

Использование объектов Навигатора

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

Каждая страница всегда имеет следующие объекты:

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

Например вы создали страницу под именем simple.html, которая содержит следующее:

<TITLE> Простой Документ</TITLE> <BODY> <FORM NAME="myform" ACTION="FormProc()" METHOD="get" > Выбери значение: <INPUT TYPE=text NAME="text1" VALUE="blahblah" SIZE=20 > Проверьте, хотите ли Вы: <INPUT TYPE="checkbox" NAME="Check1" CHECKED оnClick="update(this.form)"> Опция #1 <P> <INPUT TYPE="button" NAME="Button1" VALUE="Нажмите здесь" onClick="update(this.form)"> </FORM> </BODY>

Как всегда, имелось бы окно, локализация, хронология, и бъект документа. Они имели бы следующие свойства:

Это только некоторые основные значения приведенного примера. Навигатор также создал бы следующие объекты:

Они имели бы такие свойства:

Каждая из свойств выше перечисленных начинается с Document, затем сопровождаемым именем формы, myfor, и потом название свойства или название элемента формы. Эта последовательность следует иерархии объекта Навигатора, расказанная в следующем разделе.

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

Среди объектов существуют определенные взаимоотношения. Например, объекты Navigator имеют структуру, отражающую структуру страницы HTML. Такие отношения называются иерархией экземпляров, так как эта иерархия работает только с конкретными экземлярами объектов, а не с абстрактными классими.

Объект window является родительским по отношению ко всем остальным объектам Navigator. Прямыми потомками объекта window являются объекты location, history и document. Объекты forms, links и anchors являются дочернеми для объекта document.

Каждый объект является потомком объекта более высокого уровня. Форма с названием orderForm является объектом и в то же время свойстом обекта document. Таким образом для вызова такой формы используется выражение:

document.orderForm

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

В терминах объектов JavaScript эти взаимоотношения могли бы быть выражены следующим образом:

travelMode.groundTransport.bicycle.handleBars

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

Теперь проиллюстрируем иерархию объектов:

navigator window | +--parent, frames, self, top | +--location | +--history | +--document | +--forms | | | elements (text fields, textarea, checkbox, password | radio, select, button, submit, reset) +--links | +--anchors

JavaScript и HTML Планировка

Чтобы использовать JavaScript корректно в Навигаторе, нужно понимать как Навигатор выполняет планировку. Планировка относится к преобразованию директив открытого HTML текста в графическое представление на вашем компьютере. Вообще говоря, планировка идет последовательно в Навигаторе. То есть Навигатор начинает с вершины HTML файла и продолжает идти вниз, выясняя, как выводить на экрану, как это делать. Это начинается с HEAD HTML документа, затем c вершины BODY и так далее.

Из-за этого "нисходящего" поведения, JavaScript выдает только тот HTML, с которым она столкнулась. Например вы определили форму с парой текстового вклада elements:

<FORM NAME="statform"> <input type = "text" name = "username" size = 20> <input type = "text" name = "userage" size = 3>

Затем эти элементы формы будут отражены, так как объекты JavaScript document.statform.username и document.statform.userage, которые вы можете использовать где-нибудь после того, как форма определена. Однако, вы могли бы не использовать эти объекты прежде, чем форма определена. Так, например, вы могли показывать значение этих объектов в скрипте после определения формы:

<SCRIPT> document.write(document.statform.username.value) document.write(document.statform.userage.value) </SCRIPT>

Однако, если Вы пробовали делать это перед определением формы (то есть выше этого в HTML - странице),то вы можете получить ошибку, так как объекты еще не существуют в Навигаторе.

Аналогично, если только произошла планировка, установившая значение свойства, не воздействует на ее значение или ее вид. Например, вы определили заголовок документа следующим образом:

<TITLE> Моя JavaScript Страница</TITLE>

Это отражается в JavaScript как значение document.title. Если только Навигатор выделил это в планировке (в этом случае, в названии окна Навигатора), Вы не можете изменять значение в JavaScript. Так, если ниже в странице, у вас есть следующий скрипт:

 
 Document.title = " Новая улучшенная JavaScript страница "

Это не будет изменять значение document.title, не будет воздействовать на вид страницы, и не образуется ошибка.

Ключевые объекты Навигатора

Часть из наиболее используемых в Навигаторе обектов, включает документ, форму, и окно.

Использование объекта документ

Один из наиболее используемых в Навигаторе объект - это объект документа, потому что методы write и writeln могут вызвать HTML. Эти методы - это способ, которым Вы показываете утверждения JavaScript пользователю. Единственая разность между write и writeln - это то, что write записывает строку или несколько строк в окно документа, а writeln записывает строку или несколько строк в окно документа и добавляет символ новой строки в конец вывода. Но так как HTML игнорирует добавления символа новой строки, то это будет создавать эффект предварительно отформатированного текста, типа тега PRE.

Объект документа также имеет обработчики событий onLoad и onUnload, они вызываются соответственно для выполнения функции, когда пользователь впервые загрузил страницу и когда пользователь выходит из страницы.

Имеется только один объект документа в странице, это - предок для всей формы, связь и объекты якоря в странице. <

Использование Объекта формы

Навигатор создает объект формы для каждой формы в документе. Вы можете называть форму в атрибуте NAME, как показано в примере:

&lt;FORM NAME="myform"&gt; &lt;INPUT TYPE="text" NAME="quantity" onChange="..."&gt; ... &lt;/FORM&gt;

Если был бы объект JavaScript, с именем myform основанный на этой форме. Форма имела бы свойства, соответствующие текстовому объекту, к которому Вы обратитесь как

Document.myform.quantity Вы обратились бы к свойству значения этого объекта как Document.myform.quantity.value

Формы в документе сохранены в массиве, названный form. Первая (самая верхняя в странице) форма, как form[0], вторая, как form[1], и так далее. Так что вышеупомянутые ссылки могли выглядеть так:

Document.forms [0] .quantity document.forms [0] .quantity.value .

Вход на сайт
Поиск
Календарь
«  Июль 2025  »
ПнВтСрЧтПтСбВс
 123456
78910111213
14151617181920
21222324252627
28293031
Архив записей
Наш опрос
Как Вам удобнее??
Всего ответов: 341
Мини-чат
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Статистика

    Онлайн всего: 2
    Гостей: 2
    Пользователей: 0