Операторы 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.gif” NAME
= “wq” onMouseOver =
”смени_изо ()” onMouseOut = “верни_изо ()”>
”смени_изо ()” 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) составляют фундамент этой технологии.
Комментариев нет:
Отправить комментарий