Читать «HTML5. Недостающее руководство» онлайн - страница 309

Мэтью Мак-Дональд

Теперь наведение указателя мыши на изображение активирует событие onMouseOver , в ответ на которое браузер вызывает функцию showMessage() , выводя-щую уже знакомое окно сообщения (рис. П2.2). Функция, вызываемая в ответ на срабатывание события, называется обработчиком события .

Рис. П2.2. В этом примере окно сообщения выводится не при загрузке страницы, а в любое время после того, как пользователь наведет указатель мыши на изображение Чтобы эффективно использовать события, нужно знать, какие события поддержи-ваются в JavaScript. Кроме того, нужно знать, какие события с какими элементами HTML работают. В табл. П2.1 перечислены наиболее часто используемые события и элементы HTML, к которым они применимы. Более полное справочное руко -

водство см. по адресу http://developer.mozilla.org/en/DOM/element .

Таблица П2.1. Наиболее употребляемые события объектов HTML Таблица П2.1 (окончание)

Несколько основных структур языка JavaScript

Краткого приложения, наподобие этого, недостаточно, чтобы охватить все аспекты любого языка программирования, даже такого простого, как JavaScript. Но в после-дующих разделах мы рассмотрим несколько основных конструкций языка, необхо-димых для понимания примеров, приводимых в этой книге. Переменные

Все языки программирования имеют понятие переменных — именованных контей-неров, используемых для хранения информации в памяти. В JavaScript переменные создаются с помощью ключевого слова var , за которым следует имя переменной. Это единственный способ создания переменных в JavaScript. Вот пример создания переменной myMessage :

var myMessage;

Имена переменных в JavaScript чувствительные к регистру, что означает, что пере-менная myMessage — это совсем другая переменная, чем переменная MyMessage . При попытке использовать первую вместо второй или наоборот в лучшем случае браузер выдаст сообщение об ошибке, а в худшем, более частом, случае в странице произой-

дет какая - либо странная ошибка.

Данные сохраняются в переменной посредством знака равенства ( = ), который ко-пирует данные из правой его части в переменную, указанную в левой части равен-ства. Далее приведен пример объявления переменной и присвоения ей текстового значения (которое в программировании называется строкой ): var myMessage = "Everybody loves variables"; Эту переменную потом можно использовать в коде: // Отображаем значение переменной в окне сообщения. alert(myMessage);

Язык JavaScript печально известен своей вседозволенностью и разрешает использо-вать переменные, даже если они не были объявлены заранее с помощью ключевого слова var . Но это чрезвычайно плохая практика, которая может вылиться в нелепые ошибки.

Значение null

В JavaScript переменным может присваиваться специальное значение null , которое означает отсутствие значения. Значение переменной, равное null , означает, что данного объекта не существует. В зависимости от контекста это может указы - вать на то, что определенная возможность недоступна. Например, Modernizr (см. разд. "Определение возможностей с помощью Modernizr" главы 1) использует тестирование на null , чтобы определить поддержку браузером определенных воз-можностей HTML5. Тестирование на null можно применять и в своих сценариях, например, чтобы определить, был ли уже создан или сохранен объект: if (myObject == null) {