Вариация шестая: обработка события
В языке JavaScript есть удобные средства обработки событий. В нашем следующем примере когда пользователь пытается выбрать ссылку “Select me!” (рис. 1.5), разместив над ней курсор мыши, на экране появляется диалоговая панель Microsoft Internet Explorer с сообщением “Hello, world!”.
Рис. 1.5. Диалоговая панель появляется, когда пользователь размещает курсор мыши над ссылкой
Исходный текст соответствующего документа HTML с встроенным в него сценарием представлен в листинге 1.7.
Листинг 1.7. Файл chapter1/HelloOnSelect/HelloOnSelect.html
<HTML>
<HEAD>
<TITLE>Hello from JavaScript!</TITLE>
</HEAD>
<BODY BGCOLOR=white>
<H1>JavaScript Test</H1>
<HR>
<A HREF="" onMouseover="alert('Hello, world!');">Select me!</A>
</BODY>
</HTML>
Здесь для нас интересна строка оператора <A>. Напомним, что этот оператор обычно применяется для организации ссылок на другие документы HTML или файлы различных объектов. В данном случае поле ссылки параметра HREF пустое, однако дополнительно в оператор <A> включена следующая конструкция:
onMouseover="alert('Hello, world!');"
Она указывает, что при возникновении события onMouseover должна выполняться следующая строка программы JavaScript:
alert('Hello, world!');
Обратите внимание, что строка задана не в двойных кавычках, а в одинарных. В сценариях JavaScript допустимо использовать и те, и другие кавычки, однако закрывающая кавычка должна быть такой же, что и открывающая. Внутренняя пара кавычек должна отличаться от внешней.
Вы можете установить обработчики таких событий, как загрузка страницы, щелчок по ссылке или кнопке формы, выбор ссылки или поля формы и других событий. Более подробно обработка событий будет рассмотрена позже.
