JavaScript. Основы клиентского программирования. Захаркина В.В. - 11 стр.

UptoLike

ВУЗ: 

СПбГУ | Санкт-Петербург

Составители: 

Рубрика: 

20
<span onClick="this.style.color='red'">
Click me!
</span>
- в ответ на щелчок мыши текст "Click me!" станет красным
<img src="jazz.jpg" id="jazz"
onMouseOver = "changeImg('rock.jpg')"
onMouseOver = "changeImg('jazz.jpg')"
- при наведении / уводе курсора мыши изображение меняется; это
реализовано с помощью некоей функции changeImg().
URL типа JavaScript
В гиперсылке можно указать значение атрибута href как
псеводпротокол javascript: , после которого идет список инструкций. В
этом случае при выборе гиперссылки браузер исполняет код
JavaScript. Например выбор гиперссылки
<a href="javascript:
window.open('next.htm','newWin',
'width=300,height=200'); void(0)">
откроем новое окно
</a>
приведет к открытию нового окна 300х200px и загрузке в него
документа next.htm.
При использовании URL типа JavaScript следует помнить, что если
последняя инструкция возвращает какое-то значение, его строковый
эквивалент будет выведен в текущий документ, заменив его
содержимое. Попробуйте, например, в приведенном выше коде убрать
инструкцию void(0). Новое окно, конечно, откроется, но поскольку
метод window.open() возвращает значение объектного типа, в
исходном документе появится строка [object] или [object
Window] (в зависимости от браузера). Чтобы
избежать этого,
применяют инструкцию void(0), указывающую на неопределенное
возвращаемое значение.
21
Определенным недостатком URL типа JavaScript является
отображение в статусной не адреса целевого документа, а
последовательности инструкций JavaScript, невразумительной для
большинства пользователей.
События JavaScript
В JavaScript определен ряд событий, связанных с элементами
документа. Обработчики дают возможность организовать реакцию на
возникновение событий из сценария. При этом соответствующий
обработчик указывается как атрибут элемента HTML-документа;
значением этого атрибута является выражение JavaScript. Например,
• Наведение и увод курсора мыши на элемент сопровождаются
изменением цвета фона.
<span
onmouseOver="this.style.bgColor='#CCCCCC'"
onmouseOut="this.style.bgColor='#EEEEEE' ">
Наведите курсор
мыши
</span>
• При попытке пользователя закрыть окно и выгрузить документ
выводится сообщение
<body onUnLoad="alert('окно закрывается!'">
• При щелчке мышью по изображению выполняется некая функция
showPict()
<img src="cat.jpg" onClick="showPict()">
Добрая половина обработчиков поддерживаются практически всеми
HTML-элементами. Некоторые события можно имитировать с
помощью соответствующих методов. Ниже приводится список
событий согласно спецификации HTML 4.0 и
некоторые события,
поддерживаемые MS IE. Трактовка браузеров может отличаться от

Страницы