2.4 Управление Событиями
Внешние События
- onClick - нажатие мышки
- onKeyPress - нажатие клавиш
- onLoad - занузка гипертекста
- onError - ошибки выполнения
Реакции на события:
реакция ::= отСобытие="операторы"
Пример реакции:
< a href="" onClick="alert("Привет!")"> Привет < /a >
Описание реакций:
function событие(параметры){
операторы
return { true | false | ... }
}
Справочник JavaScript
< html >
Попробуй реакцию:
< a href="" onClick=alert("Привет!") >
Привет
< /a >
< a href="" onClick=confirm("Верно?") >
Выбор
< /a >
< a href="" onClick=prompt("Имя=","?") >
Запрос
< /a >
< /html >
Пример обработки форм:
Перечень событий:
- onClick - нажатие мышки
- onKeyPress - нажатие клавиш
- onLoad - занузка гипертекста
- onError - ошибки выполнения
< form name=vvod >
Введите имя:
< input type=text name=nam size=20>
< input type=Button value="Ввод"
onClick=alert(vvod.nam.value)>
< /form >
< script >
function prover(msg){
if (msg!="") alert("Имя: "+msg)
else alert("введите имя");
}
< /script >
< body >
< form name=vvod >
Введите имя:
< input type=text name=nam size=20 >
< input type=Button value="Ввод"
onClick=prover(vvod.nam.value) >
< /form >
< /body >
Спецификации Программ:
- Внешние спецификации - описание текстов, картинок и результатов работы программ.
- Сценарии программ - набор текстов, картинки и переходов между ними.
- Исполняемые спецификации - спецификации, выполняемые ЭВМ./ HTML /
- Функциональные спецификации - описания функций обработки данных. / JavaScript /
- Техническое задание - полное описание внешних спецификаций и функций программ.
Задания
- Организуйте смешные реакции на нажатие мышки.
- Организуйте обработку простейшей формы.
- Организуйте подтверждение введенных данных.
- Организуйте ввод и провеверку личных данных.
- Организуйте проверку ввода ключевых слов.
Вопросы
- Что такое события в JavaScript?
- Как записываются реакции на события в HTML?
- Как и где записываются обработчики событий?
- Каковы основные виды событий в HTML?
- Как организуется обработка форм?
- Как организуется проверка данных?
