Использование JavaScript на HTML-странице. Обработка событий

В приложениях на языке JavaScript широко применяются задание асинхронных операций, запрограммированных для выполнения реакции на определенные действия пользователя. Эти процедуры вносят элементы интерактивности работы с HTML документами и называются обработчиками событий.

Общий формат синтаксиса:

< TAG eventHandler="JavaScript Code">

где:

TAG - стандартный HTML тег,
eventHandler - имя обработчика событий,
JavaScript Code - текст программы обработчика событий.

Пример:

<INPUT TYPE="button" VALUE="Calculate" onClick="compute(this.form)">

Можно задавать произвольное число операторов языка в двойных кавычках в поле JavaScript Code. Если включается более одного оператора, они должны быть отделены символом (;).

<HTML>
<HEAD>
</HEAD>
<BODY>
<INPUT TYPE="button" VALUE="Click me " onClick = "alert('Hello!')">
</BODY>
</HTML>

Признаком хорошего тона в программировании обработчиков событий является задание их как функций, для многократного к ним обращения из различных мест HTML документа.

<HTML>
<HEAD>
<SCRIPT>
function pressBut(text) {
alert(text);
}
</SCRIPT>
</HEAD>
<BODY>
<INPUT TYPE="button" VALUE="Click me " onClick="pressBut('Hello!')">
</BODY>
</HTML>

В приведенном выше примере после события нажатия на кнопку появляется окошко с надписью "Hello!". Тип события задан именем его обработчика onClick, и момент которого наступает при нажатии левой кнопки мыши на поле типа " button".

Операции на языке JavaScript позволяют получать и менять содержимое и параметры дескрипторов html-тегов. Один из способов доступа к параметрам дескриптора с помощью идентификатора id. То есть в тег пишем

id=название

а доступ к параметрам будет осуществляться с помошью

название.название_дескриптора=значение параметра

Скриптовый язык JavaScript. Типы данных, управляющие структуры.

Типы данных.

В JavaScript представлены следующие типы данных:

- числа, такие как: 42 или 3.14159;
- логические (Boolean) значения, такие как: true или false;
- строковые значения, такие как "How do you do!";
- null - специальное ключевое слово, определяющее значение "пусто".


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: