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-странице, событие и обработчик события в теле соответствующего тега нужно написать конструкцию: событие="вызов обработчика". Например тег

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

<<< < Предыдущая 1 2 3 45 / 75 6 7 > Следующая >>>