Технология выполнения

Практическая работа № 7.

Тема. Использование встроенных классов JavaScript. События.

Цель: освоить правила создания простых сценариев обработки событий на Web-странице при помощи языка javascript.

Задание

1. Изучить возможности создания скриптов на языке javascript.

2. Создать примеры сценариев обработки событий onload и onunload.

3. Создать примеры сценариев обработки событий мыши.

4. Создать примеры сценариев с использованием метода open().

Технология выполнения

1. Сценарии, написанные на языке javascript, называемые также скриптами javascript, исполняются браузерами на стороне клиента и не требуют дополнительных ресурсов сервера. Однако следует помнить, что пользователь в настройках браузера может выключить исполнение скриптов с целью защиты компьютера.

С целью ограничения доступности вычислительной системы из таких сценариев в языке javascript используется только объектная структура браузера, в которой родительским объектом является окно браузера – window. Все остальные объекты, применяемые в языке javascript, являются свойствами объекта window, поэтому в синтаксисе javascript допустимо опускать имя родительского объекта window.

Объектом называется структура, имеющая свойства, представляющие собой переменные javascript или другие объекты.

Функции, ассоциированные с объектами, называются методами объекта.

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

объект.свойство - например, document.bgColor

объект.метод - например, document.write("")

Все имена чувствительны к регистру.

Для автоматизированного создания скриптов на языке javascript редактор HomeSite имеет панель инструментов Script (рис. 3.1), на которой при написании сценариев наиболее полезны две кнопки: кнопка javascriptTree, открывающая структуру объектов, свойств и методов javascript (рис. 3.2), и кнопка Script, при нажатии на которую создается контейнер <script></script> для сценария javascript.

Рис. 3.1. Панель инструментов Script

Рис. 3.2. Структура объектов, свойств и методов javascript

window – открытое окно браузера (self – текущее окно, top – главное окно во фреймовой структуре)

Дочерние объекты объекта window:

· document – создается браузером во время загрузки страницы;

· location – данные о текущем URL;

· history – список ранее просмотренных страниц;

navigator – содержит данные о браузере клиента;

Date – содержит методы работы с датами и временем;

Math – содержит математические методы (встроенные в javascript-интерпретатор браузера математические функции и константы).

Более подробное назначение элементов объектной структуры javascript браузера приведено в лекционном материале.

При помощи сценариев javascript можно создавать различное поведение контента страницы в зависимости от действий посетителя. Контроль событий реализуется с помощью специальных атрибутов, помещаемых воткрывающий тег контейнера, на контенте которого контролируется указанное событие.

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

Таблица 1. Список основных событий

Список событий, допустимых для выбранного контейнера, автоматически предлагается предсказателем атрибутов при нажатии клавиши пробел в области открывающего тега контейнера. Простые сценарии целиком размещаются в открывающем теге контейнера.

Не нашли, что искали? Воспользуйтесь поиском: