Введение

Обработка событий с помощью JavaScript

Заключение

Имена классов элементов

Другой способ изменения стиля элемента состоит в изменении его атрибута class. class является зарезервированным словом в JavaScript, поэтому, чтобы получить доступ к классу элемента, мы используем element.className. Можно присоединять строки к className, если требуется добавить класс к элементу, или можно просто перезаписать className и задать ему совершенно новый класс. Посмотрите пример с именами классов элементов (http://dev.opera.com/articles/view/dynamic-style-css-javascript/elementclassnames.html).

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

Теперь, когда вы уже не волнуетесь при использовании CSS для оформления и компоновки страницы, и сделали свои первые неуверенные шаги к пониманию переменных, функций, методов, и т.д. в JavaScript, пришло время использовать эти знания для создания для посетителей сайта интерактивного и динамичного внешнего представления (таких вещей как буксировка, анимация, и т.д.). Управление событиями с помощью JavaScript позволяет выступить в роли доктора Франкенштейна и действительно оживить свои создания!

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

· Что такое событие?

· Как работают события

· Эволюция событий

o События DOM level 2

o Исключение для модели событий Internet Explorer

o Использование событий в различных браузерах

· События и доступность

· Управление событиями

o Использование событий с определенными элементами

· Ссылки на объект события

o Проверка специфического свойства события

· Поведение события по умолчанию и всплытие событий

o Предотвращение поведения событий по умолчанию

o Остановка всплытия событий

· Законченный пример обработки событий

· Заключение

· Контрольные вопросы

Помните, что код примера для этой лекции можно загрузить и проверить его в работе самостоятельно (http://dev.opera.com/articles/view/handling-events-with-javascript/code-example.zip).