В JavaScript, как и других объектно ориентированных языках, определен ряд событий, связанных с элементами документа. Обработчики дают возможность организовать реакцию на возникновение событий из сценария. При этом соответствующий обработчик указывается как атрибут элемента HTML-документа; значением этого атрибута является выражение JavaScript. Например,
<div onmouseOver="this.style.bgColor='#CCCCCC'"
onmouseOut="this.style.bgColor='#EEEEEE' ">
Наведите курсор
мыши
</div>
- наведение и увод курсора мыши на элемент сопровождаются изменением цвета фона.
<body onUnLoad="alert('окно
закрывается!'">
- при попытке пользователя закрыть окно и выгрузить документ выводится сообщение
<img src="cat.jpg" onClick="showPict()">
- при щелчке мышью по изображению выполняется некая функция showPict()
Половина обработчиков поддерживаются практически всеми HTML-элементами. Некоторые события можно имитировать с помощью соответствующих методов. Ниже приводится список событий согласно спецификации HTML 4.0 и некоторые события, поддерживаемые MS IE. Трактовка браузеров может отличаться от стандарта и в плане применимости обработчика к тем или иным элементам
| Обработчик события
| Поддерживающие HTML-элементы
| Описание
| Метод имитации
|
| onAbort
| IMG
| Прерывание загрузки изображения
|
|
| onBlur
| A, AREA, BUTTON, INPUT, LABEL, SELECT, TEXTAREA
| Потеря текущим элементом фокуса, т.е. переход к другому элементу. Возникает при щелчке мышью вне элемента либо нажатии клавиши табуляции
| blur()
|
| onChange
| INPUT, SELECT, TEXTAREA
| Изменение значений элементов формы. Возникает после потерей элементом фокуса, т.е. после события blur
| change()
|
| onClick
| Практически все HTML-элементы
| Одинарный щелчок (нажата и отпущена кнопка мыши)
| click()
|
| onDblClick
| Практически все HTML-элементы
| Двойной щелчок
|
|
| onError
| IMG, WINDOW
| Возникновение ошибки выполнения сценария
|
|
| onFocus
| A, AREA, BUTTON, INPUT, LABEL, SELECT, TEXTAREA
| Получение элементом фокуса (щелчок мышью на элементе или очередное нажатие клавиши табуляции)
| focus()
|
| onKeyDown
| Практически все HTML-элементы
| Нажата клавиша на клавиатуре
|
|
| onKeyPress
| Практически все HTML-элементы
| Нажата и отпущена клавиша на клавиатуре
|
|
| onKeyUp
| Практически все HTML-элементы
| Отпущена клавиша на клавиатуре
|
|
| onLoad
| BODY, FRAMESET
| Закончена загрузка документа
|
|
| onMouseDown
| Практически все HTML-элементы
| Нажата кнопка мыши в пределах текущего элемента
|
|
| onMouseMove
| Практически все HTML-элементы
| Перемещение курсора мыши в пределах текущего элемента
|
|
| onMouseOut
| Практически все HTML-элементы
| Курсор мыши выведен за пределы текущего элемента
|
|
| onMouseOver
| Практически все HTML-элементы
| Курсор мыши наведен на текущий элемент
|
|
| onMouseUp
| Практически все HTML-элементы
| Отпущена кнопка мыши в пределах текущего элемента
|
|
| onMove
| WINDOW
| Перемещение окна
|
|
| onReset
| FORM
| Сброс данных формы (щелчок по кнопке <input type="reset">)
| reset()
|
| onResize
| WINDOW
| Изменение размеров окна
|
|
| onSelect
| INPUT, TEXTAREA
| Выделение текста в текущем элементе
|
|
| onSubmit
| FORM
| Отправка данных формы (щелчок по кнопке <input type="submit">)
| submit()
|
| onUnload
| BODY, FRAMESET
| Попытка закрытия окна браузера и выгрузки документа
|
|
21 вопрос
Объект Math обеспечивает выполнение математических операций.
Свойствами объекта Math являются значения математических констант:
- E - константа Эйлера(е);
- LN2 - натуральный логарифм 2-х;
- LN10 - натуральный логарифм 10-и;
- PI - число "Пи";
- SQRT2 - корень квадратный из 2-х;
- SQRT1_2 - корень квадратный из 1/2;
Для обращения к этим константам (т.е. свойствам объекта Math) необходимо указывать префикс Math, например: Math.PI, Math.SQRT2. Если таких обращений много, можно все их заключить в оператор with:
with(Math) {... }
Методы объекта Math представлены математическими функциями:
- abs() - модуль числа;
- sin() - синус угла (в радианах);
- cos() - косинус угла (в радианах);
- tan() - тангенс угла (в радианах);
- asin() - арксинус (в радианах);
- acos() - арккосинус (в радианах);
- atan() - арктангенс (в радианах);
- pow(x,y) - x в степени y;
- sqrt(x) - корень квадратный из x;
- log(x) - натуральный логарифм от x;
- exp(x) - e в степени x;
- max(x,y) - максимум из x и y;
- min(x,y) - минимум из x и y;
- random() - псевдослучайное число из интервала (0,1) (в качестве начального значения используются текущие дата и время);
- round(x) - округление x до ближайшего целого;
- ceil(x) - округление x до ближайшего большего целого (англ.: ceiling -потолок);
- floor(x) - округление x до ближайшего меньшего целого (англ.: floor -пол);
22 вопрос
Строка - это последовательность символов, заключенных в двойные или одинарные кавычки.
Создать строку можно так:
| var s=new String('Это наша новая строка');
|
или так:
| var s='Это наша новая строка';
|
Свойство объекта String:
- length - длина строки;
| Методы объекта String:
| |
| italics(); bold(); big(); small(); strike(); sub(); sup(); blink();
| "Навешивают" на строку соответствующие тэги.
|
| toUpperCase(); toLowerCase();
| Преобразуют символы строки к верхнему (нижнему) регистру.
|
| charAt(номер символа);
| Возвращает символ с данным номером. Номер должен быть в диапазоне: 0 - длина строки -1.
|
| indexOf('символ'); indexOf('символ',[номер]);
| Возвращает номер данного символа в строке. Если таких символов в строке несколько, то возвращается номер первого из них.
Даже если указан номер начала отсчета, то возвращаемое значение определяется в соответствии с общей нумерацией.
Регистр при поиске символа имеет значение.
|
| lastIndexOf('символ');
| Возвращает последний номер данного символа в строке.
|
| substring(начальный номер, конечный номер);
| Возвращает подстроку, содержащую символы с номерами от начального номера до конечного номера-1 включительно. Если конечный символ не указан, возвращается подстрока от начального номера до конца строки.
|
| replace('исходная подстрока','новая подстрока');
| Возвращает строку с замененной подстрокой. Если искомая подстрока встречается в строке несколько раз, заменяется она только в первом случае.
|
| link(адрес документа);
| Устанавливает гиперсссылку на документ, находящийся по указанному адресу. Текстом гиперссылки является строка, для которой применяется данный метод.
|
| anchor(имя метки);
| Устанавливает метку с указанным именем для данной строки.
|
| | | |
