вторник, 4 февраля 2014 г.

JavaScript. События

Операторы JavaScript размещаются в контейнере <SCRIPT> и разделяются символом ”;”. Для браузеров, не поддерживающих скрипты, операторы заключают еще в теги комментариев языка HTML, чтобы они не были видны посетителю при просмотре веб-страницы.
<script  type=”text/javascript”>
<!--
       document.write ("Это JavaScript!")
// -->
</script>

Приведенный скрипт выводит на веб-страницу текстовую строку «Это JavaScript!». Подробное объяснение метода write объекта document можно найти на странице 64.
Комментарии JavaScript отличаются от комментариев языка HTML.
// комментарии на одной строке
/*
комментарии на
нескольких строчках
*/
Язык чувствителен к регистру при задании значений параметров!
Сценарии с глобальными функциями и переменными рекомендуется размещать в заголовочном разделе HTML-документа (см. пример в конце следующего раздела). Функции могут быть вызваны многократно.

БАЗОВЫЕ СОБЫТИЯ

Веб-страница, содержащая скрипт, позволяет обрабатывать события, связанные с окном браузера, — такие, как загрузка документа, закрытие окна, появление курсора над объектом страницы, нажатие клавиши мыши или клавиатуры и другие. Скрипт может по-разному реагировать на эти события. Скриптовые программы иногда еще называют сценариями просмотра веб-страницы.
Базовые события JavaScript
onBlur
элемент теряет фокус
onChange
изменение значения текстового поля
onFocus
элемент получает фокус
onCopy
копирование в буфер обмена
onClick
щелчок мышкой в области элемента
onMouseOver
перемещение мышиного курсора на область элемента
onMouseOut
перемещение мышиного курсора за область элемента
onMouseMove
перемещение мышиного курсора в области элемента
onMouseDown
нажатие кнопки мыши
onMouseUp
отпускание кнопки мыши
onReset
нажатие кнопки типа RESET
onSubmit
нажатие кнопки типа SUBMIT
onLoad
завершение загрузки страницы или графического изображения
onUnload
переход на другую страницу или завершение работы браузера
События, как и атрибуты, связываются с тегами языка HTML и не заключаются в контейнер <SCRIPT>.
<IMG SRC = “smile.gifNAME = “wqonMouseOver =
”смени_изо ()” onMouseOut = “верни_изо ()”>
<SELECT  NAME = pict  SIZE = 7   onClick = "ch_pict ()">
<BODY onLoad="ss (); clock ()" BACKGROUND="../pict/lvb.jpg">
<FORM ACTION=”formtest.exe” METHOD=”post” onSubmit=”return проверка_данных ()”>
Из примеров видно, что каждому событию сопоставляется вызов функции, код которой должен быть включен в скрипт на языке JavaScript. Вместо имени функции можно написать небольшой фрагмент кода.
<INPUT TYPE = "button" VALUE = "Щёлкни по мне" onClick = alert ("Ку-ку")>
Команда alert (a) выводит диалоговое окно с сообщением. В качестве аргумента можно указывать имена переменных или выражения. Тогда в окне будет размещено значение переменной или выражения.
Операторы JavaScript могут также размещаться в качестве значения параметра href тега гиперссылки.
<A HREF="javascript: window.alert ('Do you speak English?')"> "Don`t click here" </A>
Если нам необходимо выполнить некоторые действия при выборе гипертекстовой ссылки, но при этом не перегружать текущие страницы, то в параметре HREF можно указать конструкцию:
<A HREF="javascript:void(0)"> kuku </A>
Код JavaScript может быть еще размещен и во внешнем файле (расширением js или jsc). При загрузке веб-страницы этот код докачивается программой просмотра и исполняется так же, как если бы он размещался в самом html-документе. При просмотре текста документа через опцию "Источник" текст скрипта не отображается. В файле, который содержит конструкции JavaScript, HTML-теги не используются.
<script type=”text/javascript” src = timer.jsc>          </script>
Для написания скриптов, управляющих содержимым веб-страницы, необходимо представлять себе иерархию объектов HTML-документа. Управление содержимым веб-страницы после ее загрузки на компьютер клиента лежит в основе технологии Dynamic HTML. JavaScript вместе с каскадными таблицами стилей (CSS) составляют фундамент этой технологии.