Читать практическое задание по информационному обеспечению, программированию: "Веб-программирование" Страница 1


назад (Назад)скачать (Cкачать работу)

Функция "чтения" служит для ознакомления с работой. Разметка, таблицы и картинки документа могут отображаться неверно или не в полном объёме!

Министерство образования и науки Российской Федерации

Федеральное государственное бюджетное образовательное учреждение

высшего образования

«Владимирский государственный университет

имени Александра Григорьевича и Николая Григорьевича Столетовых»

(ВлГУ)

Кафедра «Физика и прикладная математика»Лабораторная работа №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) сделать ссылки на лабораторные работы в виде графических кнопок, изменяющих свой вид при наведении на них указателя мыши (графические изображения кнопок создать