JavaScript. Подробное руководство, 6-е издание, стр. 247

function addStyles(styles) {

 // Сначала необходимо создать новую таблицу стилей 

 var styleElt, styleSheet;

 if (document.createStyleSheet) { //Если определен IE API, использовать его

 styleSheet = document.createStyleSheet();

 }

 else {

 var head = document.getElementsByTagName("head")[0]

 styleElt = document.createElement("style"); // Новый элемент <style>

 head.appendChild(styleElt); // Вставить в <head>

 // Теперь новая таблица находится в конце массива

 styleSheet = document.styleSheets[document.styleSheets.length-1]

 }

 // Вставить стили в таблицу

 if (typeof styles === "string") {

 // Аргумент содержит текстовое определение таблицы стилей

 if (styleElt)

 styleElt.innerHTML = styles;

 else

 styleSheet.cssText = styles; // IE API

 }

 else {

 // Аргумент - объект с правилами для вставки

 var і = 0;

 for(selector in styles) {

 if (styleSheet.insertRule) {

 var rule = selector + {" + styles[selector] + "}";

 styleSheet.insertRule(rule, i++);

 }

 else {

 styleSheet.addRule(selector, styles[selector], i++);

 }

}

Обработка событий

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

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

Тип события - это строка, определяющая тип происшествия. Тип «mousemove», например, означает, что пользователь переместил указатель мыши. Тип «keydown» означает, что была нажата клавиша на клавиатуре. А тип «load» означает, что завершилась загрузка документа (или какого-то другого ресурса) из сети. Поскольку тип события - это просто строка, его иногда называют именем события. И действительно, мы будем использовать эти имена для идентификации типов событий, о которых будет идти речь. Современные веб-броузеры поддерживают множество типов событий, краткий обзор которых приводится в разделе 17.1.

Цель события - это объект, в котором возникло событие или с которым это событие связано. Когда говорят о событии, обычно упоминают тип и цель события.

Например: событие «load» объекта

Window

или событие «click» элемента

<button>.

Самыми типичными целями событий в клиентских приложениях на языке JavaScript являются объекты

Window, Document

Element

, но некоторые типы событий могут происходить и в других типах объектов. Например, в главе 18 мы познакомимся с событием «readystatechange», которое возбуждается объектом

XMLHttpRequest

Обработчик события, или приемник события, - это функция, которая обрабатывает, или откликается на событие. [42]

Приложения должны зарегистрировать свои функции обработчиков событий в веб-броузере, указав тип события и цель. Когда в указанном целевом объекте возникнет событие указанного типа, броузер вызовет обработчик. Когда обработчики событий вызываются для какого-то объекта, мы иногда говорим, что броузер «возбудил», «сгенерировал» или «доставил» событие. Существует несколько способов регистрации обработчиков событий, описание которых приводятся в разделах 17.2 и 17.3.

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

event

). Все объекты событий имеют свойство type, определяющее тип события, и свойство

target

, определяющее цель события. (В IE8 в более ранних версиях вместо свойства

target

следует использовать свойство

srcElement

.) Для каждого типа события в связанном объекте события определяется набор свойств. Например, объект, связанный с событиями от мыши, включает координаты указателя мыши, а объект, связанный с событиями от клавиатуры, содержит информацию о нажатой клавише и о нажатых клавишах-модификаторах. Для многих типов событий определяются только стандартные свойства, такие как

type

target

, и не передается никакой дополнительной полезной информации. Для таких типов событий важно само наличие происшествия события, и никакая другая информация не имеет значения. В этой главе нет отдельного раздела, посвященного объекту

Event

. Вместо этого здесь описываются свойства объектов событий для событий определенных типов. Дополнительные сведения об объектах событий вы найдете в справочной статье

Event

в четвертой части книги. [43]