ТОР 5 статей: Методические подходы к анализу финансового состояния предприятия Проблема периодизации русской литературы ХХ века. Краткая характеристика второй половины ХХ века Характеристика шлифовальных кругов и ее маркировка Служебные части речи. Предлог. Союз. Частицы КАТЕГОРИИ:
|
Технология выполненияПрактическая работа № 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. Список основных событий
Список событий, допустимых для выбранного контейнера, автоматически предлагается предсказателем атрибутов при нажатии клавиши пробел в области открывающего тега контейнера. Простые сценарии целиком размещаются в открывающем теге контейнера. Не нашли, что искали? Воспользуйтесь поиском:
|