Властивості об'єкту history

<SCRIPT LANGUAGE="javascript">

var h = history.length;

document.write("До цього ви відвідали " +h+ " сторінок.")

</SCRIPT>

Це дуже популярний об'єкт. Багато читачів хочуть мати можливість переміститися на одну або декілька сторінок вперед або назад. Вони намагаються відтворити кнопки "Вперед" і "Назад" на панелі браузера. Об'єкт history дозволяє це зробити.

Об'єктом є журнал відвідин history. Це список сторінок, які відвідав браузер під час роботи. Список історії дозволяє реалізувати кнопку "Назад" і проглянути ще раз будь-яку сторінку.

Властивістю є length (протяжність). Воно також популярне. Пізніше ви взнаєте, як можна використовувати його з іншими командами. Воно дозволяє визначити в сценарії кількість сторінок в теці "history".

Існує також метод go() (піти), який дозволяє пересуватися по history.length з вказаним кроком.

Дві властивості об'єкту location

<SCRIPT LANGUAGE="javascript">

var hst = location.host

document.write("Сторінка знаходиться на <B>" + hst + "</B>.")

</SCRIPT>

<SCRIPT LANGUAGE="javascript">

var hstn = location.hostname

document.write("Сторінка знаходиться на <B>" + hstn + "</B>.")

</SCRIPT>

Тут об'єктом є location. Це URL на мові JavaScript, адреса сторінки. Вище представлено дві властивості об'єкту location: host, і hostname. Команди рівноцінні, оскільки виконують одне і те ж завдання — повідомляють URL в текстовому форматі або адреса IP, залежно від сервера. Але... location.host повідомляє URL плюс "порт", з яким сполучений користувач. location.hostname повідомляє лише URL.

Якщо ви отримуєте однаковий результат від обох команд, значить, ваш сервер не з'єднав вас із спеціальним портом. Кажучи технічною мовою, властивість "порту" — null.

До речі, ці дві команди не працюють, якщо переглядати сторінку з жорсткого диска. Результат може бути лише в тому випадку, якщо вона розміщується на сервері, оскільки сценарію потрібний URL для аналізу.

Існує безліч інших властивостей, з якими ви зустрінетеся під час уроків. Тут дані загальні уявлення про властивості — як вони використовуються і що роблять найчастіше використовувані.

Майте на увазі, що сторінка повинна знаходитися на сервері, на жорсткому диску сценарій не працює, оскільки там немає жодного location.host.

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

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

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

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

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

• Window

  • Parent

  • Self

    • Location

      • Href

    • Document

      • Image

        • Src

      • Form

        • Text

        • Submit

        • Checkbox

  • Тор

  • 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" (приховане), якщо ви не хочете, аби користувач його бачив. Текстове поле, як вказано вище, може містити якийсь запис. Він буде значенням цього поля.