Ієрархія об'єктів

Зробимо паузу і поглянемо, що ми вже знаємо. У JavaScript є об'єкти, схожі на іменники або предмети. В об'єктів є властивості, які описують їх, як прикметники описують іменник. Ми посилаємося на властивості за допомогою схеми об'єкт.властивість.

Ще в об'єктів є методи, або дії, які можна виконати з об'єктом. Всі методи мають дужки і використовуються за схемою об'єкт.мeтoд(). В різних об'єктів є різні властивості і методи.

Тепер ми познайомимося з ієрархією об'єктів JavaScript. Як тільки ви її зрозумієте, вважайте, що ви освоїли JavaScript!

Що мається на увазі

· Window

o Parent

o Self

§ Location

§ Href

§ Document

§ Image

§ Src

§ Form

§ Text

§ Submit

§ Checkbox

o Тор

o Frames

Результат дії ієрархії

Всі посилання починаються з найвищого об'єкту, window (вікно браузера), і йдуть по низхідній. Вікна і рамки (frames) належать об'єкту window. На них не потрібно посилатися, якщо лише їх не більше одного. Тор, self, parent і frames — "вбудовані" імена для вікон. Не надавайте їм великого значення, просто знайте, що вони існують.

Ось декілька прикладів. Зверніть увагу на ієрархію.

document.mypic.src = "pic1.gif"

на самому початку window не потрібний. Передбачається, що це все і так знаходиться усередині вікна. Команда document.mypic.src вказує на зображення з ім'ям mypic, і змінює його вміст на "pic1.gif". В даному випадку document (документ) — це сторінка на якій знаходиться елемент, mypic — ім'я елементу, а SRC — джерело елементу ("pic1.gif").

document.write(location.href)

write() — це метод об'єкту document. Location.href містить повний URL вікна. Звернете увагу, що location і dосument знаходяться на одному рівні. Це означає, що ви отримуєте адресу документа того ж рівня.

Найбільша плутанина в тому, що деякі об'єкти також є і властивостями.

· window — лише об'єкт.

· document є властивістю вікна, але у свою чергу і об'єктом.

· form — це властивість документа, але також і об'єкт зі своїми властивостями!

· value (значення) і SRC (джерело) — лише властивості!

· Тут представлені не всі об'єкти і властивості. Проте цього вистачає, аби зрозуміти концепцію в цілому... Всі посилання починаються зверху від window і йдуть по низхідній. Тобто, не можна написати document.mytext.myform або mypic.src.document. Це неправильний порядок, слід писати зліва направо від загальнішого до конкретнішого.

· Важливе зауваження: аби показати вміст поля форми, необхідно використовувати властивість value (значення), наприклад, document.myform.mytext.value! Якщо написати просто document.myform.mytext, то буде отримана інформація про поле форми, але не про його вміст!

Вважайте value ("значення") деяким показником того, що щось є або відсутнє в певний час. Поле з прапорцем може мати значення "on" або "off", залежно від того, заданий він чи ні. Текстове поле може мати значення "hidden" (приховане), якщо ви не хочете, аби користувач його бачив. Текстове поле, як вказано вище, може містити якийсь запис. Він буде значенням цього поля.