J a v a S c r i p t: о с н о в ы п р о г р а м м и р о в а н и я

Объекты JavaScript

1. Основные группы объектов

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

Объекты броузера

window

__parent, frame, self, top

__location данные объекты есть свойства объекта window

__history

__document

__ form

__ element данные объекты есть свойства объекта

(textarea, checkbox, password, document

radio, select, button, reset, submit)

__ link

__ anchor

Структура объектов в броузере иерархична. Существует главный объект window, внутри которого находятся объекты:

• parent, frame, self, top – хранят информацию для окон, куда может быть загружен текущий документ

• location – хранит URL текущего документа

• history – хранит URL предыдущих вызовов документа

• document – содержит информацию о текущем html-документе

Внутри объекта document находятся следующие объекты:

• form, element – хранит объекты для обмена информацией с сервером

• link – хранит указатели ссылки на внешние документы

• anchor – хранит указатели на ссылки в текущем документе

Встроенные объекты JavaScript. Наряду с представленной иерархической структурой существует ряд объектов, которые являются встроенными объектами языка JavaScript.

date – обеспечивает доступ к функциям даты и времени

Math – выполняет вычисление математических функций

string – строка, набор символов

Array – массивы данных

2. Свойства и методы объектов

Свойства. Свойства объектов предназначены для хранения значений (как переменная). Свойства объектов имеют режимы либо записи и чтения, либо чтения.

Для обращения к свойству объекта надо указать:

имя объекта.имя свойства

Например, document.bgColor=”red” , режим – запись;

a=document.bgColor, режим – чтение.

Методы. Методы управляют действиями над объектами. Для вызова метода объекта надо указать:

имя объекта.метод ( )

Содержимое скобок показывает, к чему применён метод, над чем производится действие:

1). document.write (“<h1>”+r+”</h1>”) выводит на экран значение переменной r в формате заголовка HTML <h1>

2). Math.sin(a) вычисляет функцию sin от значения переменной a

Для сохранения значения синуса можно выполнить присваивание (возвратить значение) какой-либо переменной, например, b=Math.sin(a)

Контрольные вопросы

1. Дайте определение и характеристику объекту языка программирования.

2. Какова структура объектов в броузере?

3. Какие вы знаете встроенные объекты языка JavaScript?

4. Для чего предназначены свойства объектов?

5. Как обратиться к свойству объекта?

6. Для чего предназначены методы объектов?

7. Как осуществить вызов метода объекта?

3. Объект document

Объект document является свойством объекта window. Объект document содержит информацию о текущем документе и предоставляет методы для отображения его в окне броузера. Свойства объекта document соответствуют элементам, которые могут содержаться в текущем документе (якоря, формы, ссылки).

Обращение к свойствам и методам

document.имяСвойства

document.метод (параметры)

Свойства

• alinkColor – цвет текста ссылки в момент выбора

• vlinkColor – цвет ссылки, которую посетили

• anchors – массив якорей всего документа

• bgColor – цвет фона документа

• fgColor – цвет текста документа

• forms – массив объектов форм документа

• lastModified – дата последнего изменения документа

• links – массив всех элементов link, используемых как ссылки на другие документы

Методы

• write – выводит на экран выражение

• clear – очищает окно, в котором находился документ

• open – открывает поток вывода информации для загрузки документа

• close – закрывает поток вывода информации и отображает документ