7. Классы и объекты языка Javascript. Встроеные объекты языка (Date, Array, window, document). Доступ к свойс-т-вам и методам.

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

Встроенные объекты

Ниже мы перечислили встроенные объекты, свойства и методы которых доступны в сценариях JavaScript без предварительного определения этих объектов:

Array*-Массив

Boolean*-Логические данные

Date-Календарная дата

Function*-Функция

Global*-Глобальные методы

Math-Математические константы и функции

Number*-Числа

Object*-Объект

String-Строки

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

Объект Array. Переменные-массивы содержат упорядоченные наборы значений, для удобства представленные в виде одной переменной. В отличие от других языков программирования, JavaScript не имеет такого типа данных, как массив. Но это ограничение обходится благодаря тому, что можно использовать предопределенный объект массива – Array. Для создания объекта-массива можно использовать один из следующих вариантов синтаксиса:

ИмяМассива = new Array(элемент1, элемент2, ... элементN) ИмяМассива = new Array(ДлинаМассива)

Для заполнения элементов массива значениями, как и вообще для обращения к элементам массива, можно использовать индекс элемента. При этом следует учитывать, что индекс элементов массива начинается с нуля. Чтобы узнать длину массива, следует использовать свойство length: var NumColors = colors.length. Помимо свойства length, в JavaScript предусмотрен также целый ряд других свойств и методов для работы с массивами: concat -Объединяет два массива, и возвращает новый; join-Объединяет все элементы массива в одну строку; pop-Удаляет последний элемент из массива, и возвращает его; push-Добавляет один или более элементов в конец массива и возвращает его новую длину; reverse-Перемещает элементы массива таким образом, что первый становится последним, и наоборот; shift-Удаляет первый элемент массива и возвращает его; slice-Удаляет часть элементов массива, и возвращает новый массив; splice-Добавляет и (или) удаляет элемент из массива; sort-Сортирует элементы массива по алфавиту.

Объект Date. Для работы с датами в языке JavaScript не предусмотрено специального типа данных, однако, как и в случае с массивами, имеется специальный объект Data. Для создания объекта даты можно воспользоваться любым из следующих способов: new Date() new Date(Миллисекунды) new Date("Дата_в_виде_строки"). Если нужно получить текущее значение даты и времени испольузют: var now = new Date(). Для работы с объектом Date предусмотрено 2 свойства – constructor и prototype, а так же множество методов, позволяющих выделять нужную часть даты: getDate()-Возвращает день месяца в локальном времени; getDay()-Возвращает день недели в локальном времени; getFullYear()-Возвращает год в локальном времени; getHours()-Возвращает часы; getMinutes()-Возвращает минуты; getMonth()-Возвращает месяц; getSeconds()-Возвращает секунды; getTime()-Возвращает текущее время в виде количества.

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

Свойства объекта document, доступные сценарию JavaScript:

alinkColor-Содержимое параметра ALINK; applets-Массив объектов, соответствующих аплетам Java, расположенным в документе HTML; bgColor-Содержимое параметра BGCOLOR; cookie-Значение cookie для текущего документа; embeds-Массив объектов plug-in, содержащихся в документе HTML; fgColor-Содержимое параметра TEXT; forms-Массив, содержащий в виде объектов все формы, расположенные в документе HTML; images-Массив растровых изображений, включенных в документ; linkColor-Содержимое параметра LINK; links-Массив, содержащий все ссылки в документе HTML; location-Полный адрес URL документа HTML; referrer-Адрес URL вызывающего документа HTML; title-Заголовок документа, заданный с помощью оператора <TITLE>; URL-Полный адрес URL документа HTML; vlinkColor-Содержимое параметра VLINK; history-Список адресов URL, посещенных пользователем; link-Текст или изображение, играющее роль гипертекстовой ссылки.

Объект window

Свойства объекта window: defaultStatus-Сообщение, отображаемое в строке состояния окна браузера по умолчанию; frames-Массив всех фреймов данного окна; Length-Количество фреймов в родительском окне; Name-Имя окна, указанное при его открытии методом open,; Self-Синоним имени окна; Status-Текущее сообщение, отображаемое в строке состояния окна браузера; Top-Синоним имени окна. Относится к окну верхнего уровня; Window-Синоним имени окна. Относится к текущему окну.

Остальные свойства, в частности, свойства frames и length, применяются в том случае, когда в окно загружен документ HTML с фреймами. Анализируя свойство length вы можете определить количество фреймов в окне, а при помощи свойства frames (которое является массивом) нетрудно получить доступ к окнам этих фреймов. Работе с фреймами в сценариях JavaScript мы посвятим отдельную главу нашей книги.

Методы объекта window: Alert-Отображение диалоговой панели Alert с сообщением и кнопкой OK; Close-Закрытие окна; Confirm-Отображение диалоговой панели Confirm с кнопками OK и Cancel; Open-Открытие окна; Prompt-Отображение диалоговой панели Prompt с полем ввода; setTimeout-Установка таймера; clearTimeout Сброс таймера.

С объектом класса window связаны два события - onLoad и onUnload. Первое из них возникает, когда браузер заканчивает загрузку окна или всех окон фреймов, определенных оператором <FRAMESET>, а второе - когда пользователь завершает работу с документом HTML.

Если вам нужно проследить загрузку всех фреймов, вы можете указать обработчик события onLoad в операторе <FRAMESET>.