- 1
- 2
Министерство образования и науки Российской Федерации
Федеральное государственное бюджетное образовательное учреждение
высшего образования
«Владимирский государственный университет
имени Александра Григорьевича и Николая Григорьевича Столетовых»
(ВлГУ)
Кафедра «Физика и прикладная математика»Лабораторная работа №5
по дисциплине «Веб-программирование» Выполнил:
ст. гр. АИСс-113
Афанасьев А.А.
Принял: Самойленко А.А.Владимир 2016
Цель работы: освоение принципов написания клиентских сценариев JavaScript, управляемых событиями.
Теоретические сведения. Как отмечалось выше, язык сценариев JavaScript предназначен для написания приложений, работающих на стороне веб-клиента. Поэтому основой объектной системы являются объекты, представляющие свойства клиента и отображаемой его средствами гипертекстовой информации. Иерархия основных объектов показана на рис.
клиентский сценарий javascript ссылка
Необходимость в обработке событий возникает в основном при каких-либо действиях пользователя с элементами форм, то есть с объектами, хранящимися в массиве embeds[]. Но события могут быть связаны и с другими объектами. Например, при загрузке страницы возникает событие onLoad, при перемещении указателя мыши - события onMouseOver, onMouseOut и т.д. JavaScript на стороне клиента поддерживает несколько типов событий. В табл перечислены обработчики событий и объекты на стороне клиента, поддерживающие эти обработчики. Генерация некоторых событий, например двойного щелчка onDblClick, не на всех платформах происходит корректно.
Обработчик событий | Поддерживающие объекты |
onAbort | Image (JavaScript 1.1) |
onBlur, onFocus | Текстовые элементы; Window и все остальные элементы формы (JavaScript 1.1) |
onChange | Select, элементы ввода текста |
onClick | Элементы-кнопки, Link; для отмены действия по умолчанию нужно возвратить false |
onDblClick | Document, Link, Image, элементы-кнопки (JavaScript 1.2) |
onError | Image, Window (JavaScript 1.1) |
onKeyDown, onKeyPress, onKeyUp | Document, Image, Link, текстовые элементы (JavaScript 1.2); для отмены действия по умолчанию нужно возвратить false |
onLoad, onUnload | Window; Image (JavaScript 1.1) |
onMouseDown, onMouseUp | Document, Link, Image, элементы-кнопки (JavaScript 1.2); для отмены действия по умолчанию нужно возвратить false |
onMouseOver, onMouseOut | Link; Image и Layer (JavaScript 1.2); возвратить true для предотвращения вывода URL |
onReset, onSubmit | Form (JavaScript 1.1); для предотвращения сброса или передачи нужно возвратить false |
Для связи собственной функции JavaScript с обрабатываемым событием необходимо указать ее имя в качестве значения атрибута (которым служит название события) того дескриптора, работа которого вызывает данное событие. Например обработку нажатия кнопки можно реализовать строкой .
Задание. Перед выполнением работы изучить размещенный на учебном сервере теоретический материал, касающийся обработки событий средствами языка сценариев JavaScript.
. В файле index.htm (см. лабораторную работу №1) сделать ссылки на лабораторные работы в виде графических кнопок, изменяющих свой вид при наведении на них указателя мыши (графические изображения кнопок создать
- 1
- 2