Добавил:
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
лабы / Lab7 / ИТСлаб7.doc
Скачиваний:
15
Добавлен:
16.04.2013
Размер:
489.47 Кб
Скачать

4. Внедрение java-скриптов в html-документ

Всё, что написано в HTML-документе рассматривается браузером как форматированный текст. Поэтому, чтобы на экран не выводилось ничего лишнего, в HTML были введены теги <SCRIPT> и </SCRIPT>, которые определяют блок текста, который должен быть интерпретирован как скрипт. Тег <SCRIPT> имеет следующие атрибуты.

LANGUAGE– язык скрипта: JavaScript (по умолчанию), JScript, VBS или VBScript.

SRC –URLфайла скрипта. ДляJavaScriptэто файл с расширением.js. Данный файл внедряется вhtml-страницу при её загрузке.

TYPE – типMIMEдля языка скрипта:text/JavaScriptилиtext/VBScript. Аналогичен атрибутуLANGUAGE, но не все браузеры его обрабатывают.

В том случае, если браузер не поддерживает скрипты или не умеет обрабатывать скрипты, написанные на указанном языке, он игнорирует тег <SCRIPT>. Поэтому существует договорённость писать тег комментария (<!-- -->) сразу после тега <SCRIPT>. Браузер, настроившийся на обработку текста скрипта, игнорирует тег комментария.

Обычно скрипты размешаются в заголовке html-страницы (между тегами <HEAD> и </HEAD>). Но их также можно размещать в телеhtml-страницы (между тегами <BODY> и </BODY>). В этом случае скрипты будут выполнены в процессе загрузки страницы в том месте, где они размещены. С помощью такихjava-скриптов можно, например, формировать таблицы (иногда удобно описать данные в виде массива наJavaScript, а их форматирование в таблицу сделать с помощью скрипта) или выводить контекстно-зависимый текст вместо создания нескольких почти одинаковыхhtml-страниц.

Все создаваемые программистом объекты, переменные и константы видны в пределах всех блоков html-страницы, ограниченных тегами <SCRIPT> и </SCRIPT>, и расположенных ниже определений данных объектов, переменных и функций. Однаhtml-страница может содержать несколькоjava-скриптов.

Выполнение java-скриптов осуществляется браузером при наступлении некоторых событий. То есть, программист, если он хочет создать динамическую html-страницу, кроме собственных классов (если таковые нужны), вспомогательных функций, переменных и кода, выполняемого при загрузке html-страницы, должен написать обработчики событий и сослаться на них в тегах HTML. Ниже в таблице приведён перечень событий, которые можно обрабатывать в JavaScript.

Событие

Когда вызывается обработчик

onBlur

Когда элемент формы text, select или textarea теряет фокус.

onChange

Когда значение элемента формы text, select или textarea изменилось, и элемент потерял фокус.

onClick

После щелчка левой кнопки мыши на объекте button, checkbox, radio, link, reset или submit.

onFocus

Когда пользователь переходит к элементу формы textarea, select или text для ввода данных.

onLoad

Когда загрузка документа в окно (window) или кадр (frame) закончена.

onMouseOver

Когда указатель мыши помещается над гиперссылкой.

onSelect

Когда выделен текст внутри элемента формы text или textarea.

onSubmit

В момент щелчка мышью на кнопке submit для посылке данных на сервер.

onUnload

Когда пользователь выходит из документа (window).

Обработчиком события является функция произвольного формата. Чтобы связать объект на html-странице, событие и обработчик события в теле соответствующего тега нужно написать конструкцию: событие="вызов обработчика". Например тег

<IMG src=small.gif onclick="ShowBigImage('big.gif');">

указывает браузеру, что при щелчке мышкой на картинке должна вызываться функция ShowBigImage с аргументом "big.gif". Обратите внимание на то, как в примере использованы кавычки. Такой приём позволяет избежать неверного распознавания текста браузером.