Обозначения всех событий начинается с on.
Событие onclick — щелчок мыши. Пример:
onclick="window.alert('Спасибо!');"
Здесь при щелчке мыши на каком-то HTML-элементе браузер вызовет окно предупреждения.
Событие записывается как атрибут в открывающий тег, а обработчик события — как значение атрибута. В примере ниже окно предупреждения появится при щелчке на кнопке:
<input type="button" value="Нажми меня" onclick="window.alert('Спасибо!');" />
Этот код в действии: пример на сайте http://webuchitel.ru/JavaScript/js_01.html
Задание 1
В приведённом выше примере укажите название тега, его атрибуты, событие, объект, метод, аргумент метода.
Совершенно аналогично событие и обработчик задаётся любому HTML-элементу, например параграфу:
<p onclick="window.alert('Спасибо.')">Щёлкни по мне!</p>
Задание 2
Во временной странице Untitled-1.html добавьте следующие HTML-элементы:
- заголовок h1 «Я изучаю JavaScript»,
- кнопку с надписью «Пуск»,
- какую-нибудь небольшую картинку.
Для каждого HTML-элемента запрограммируйте вызов окна сообщения при щелчке мыши. В окнах должны быть соответствующие надписи:
- «Это заголовок»,
- «Это кнопка»
- «Это картинка».