JavaScript-код, расположенный в теге <script>, исполняется один раз при загрузке страницы. Все приведённые ранее примеры не реагируют на действия пользователя. Теперь мы будем программировать реакцию страницы на действия пользователя.
В окне браузера происходят различные события: пользователь двигает курсором мыши по странице, при этом курсор наводится на различные HTML-элементы. Иногда пользователь щёлкает мышью на каком-то элементе. (Какой единственный HTML-элемент может самостоятельно реагировать на наведение мыши и щелчок?). Браузер постоянно отслеживает движение мыши по HTML-элементам. Событие — это сигнал от HTML-элемента о том, что что-то произошло. Например, по нему щёлкнули мышью.
На языке JavaScript записывается обработчик события, описывающий, что должен браузер выполнить при возникновении этого события. Например, написать что-то на странице, вызвать новое окно и тому подобное. Мы уже знакомы с двумя примерами обработчиков событий:
document.write("Эти слова написаны на JavaScript!");
window.alert('Привет!');
В этих двух случаях событием является загрузка страницы в браузер. При загрузке страницы браузер выполняет заданный обработчик события. Графически работу рассмотренных скриптов можно изобразить так:
В последующих примерах мы часто будем использовать кнопку. В курсе основ HTML при изучении форм мы уже познакомились с этим элементом:
<input type="button" value="Нажми меня" />