Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
мет. пос по вып курс. раб.doc
Скачиваний:
2
Добавлен:
03.12.2018
Размер:
3.76 Mб
Скачать

Обработка событий

Одним из главных назначений сценариев в HTML-документе является обработка событий, таких как щелчок кнопкой мыши на элементе документа, перемещение указателя мыши на элемент или с элемента, нажатие клавиши и т.п. Большинство тегов HTML имеют специальные атрибуты, определяющие события, на которые могут реагировать соответствующие элементы. Например, щелчок левой кнопкой мыши – onclick; изменение в поле ввода данных – onchange.

Итак, значением атрибута-события является код сценария, заключенный в кавычки. Этот сценарий называется также обработчиком события. Если обработчик события содержит несколько выражений, то они разделяются точкой с запятой. Чаще всего обработчиком событий является указание имени функции, где и содержится код сценария обработки события.

Различные варианты оформления обработки событий:

<HTML>

<SCRIPT>

function имя_функции()

{

…..

}

function значение_id.событие()

{

….

}

</SCRIPT>

……

<ТЕГ ID=”значение_id”>

<ТЕГ событие=”имя_функции”>

<ТЕГ событие=”код_сценария”>

…..

</HTML>

Объекты, управляемые сценариями

Предметом деятельности сценария являются объекты окна браузера и HTML-документа, загруженного в него.

HTML-документ отображается в окне браузера. Окну браузера соответствует объект window, а HTML-документу, загруженному в окно, соответствует объект document. Эти объекты содержат в своем составе другие объекты. Все множество объектов имеет иерархическую структуру.

Объекты могут находиться в отношении вложенности (подчиненности). Чтобы указать конкретный объект, требуется перечислить все содержащие его объекты, начиная с объекта самого верхнего уровня:

объект1.объект2……объектN.

Итак, при загрузке HTML-документа в браузер создается его объектная модель. В объектной модели документа все объекты сгруппированы в так называемые коллекции. Например, коллекция всех изображений документа имеет имя images, коллекция всех форм – forms. Это примеры частных или тематических коллекций. Кроме того, существует коллекция всех элементов документа, которая называется all. Рассмотрим способ обращения к объекту: document.коллекция.id_объекта.

Коллекция имеет свойство length – количество элементов в коллекции.

Создание массива

Новый объект массива создается следующим образом:

Имя_массива= new Array ([длина_массива])

У объекта Array имеется свойство length, значением которого является длина массива. Чтобы получить значение этого свойства, необходимо использовать выражение имя_массива.length.

Создав массив, можно присвоить значения его элементам, используя для этого оператор присваивания. К элементам массива обращаются по индексу: имя_массива[индекс].

Рассмотрим пример создания массива Dim, содержащего в качестве элементов вкладки базы данных.

Dim Name(6)

Name(0)="Физико-математическая школа"

Name(1)="Администрация и Преподаватели"

Name(2)="Вожатые"

Name(3)="Слушатели"

Name(4)="Читаемые курсы"

Name(5)="Сортировка" .

Фреймы

Фрейм представляет собой прямоугольную область окна браузера, в которую можно загрузить HTML-документ. Разбиение окна на фреймы происходит с помощью HTML-кода, содержащегося в отдельном HTML-документе, который называется установочным. Установочный файл содержит только теги разметки фреймов, то есть их относительное расположение, размеры, ссылки на загружаемые в них документы и другие параметры.