4. JavaScript 1.5

4.1. Использование сценариев на Web-страницы

Сценарий — это программный код, который включается в текст Web-страницы в виде исходного текста и выполняется броузером при просмотре страницы. Сценарий может быть написан на языке JavaScript, разработанном фирмой Netscape, или на Visual Basic Script (VBScript), разработанном фирмой Microsoft. Поскольку JavaScript является признанным стандартом, и, что немаловажно, стандартом де-факто (этот язык используется на подавляющем большинстве страниц), то мы остановимся именно на нем.

<SCRIPT> </SCRIPT>

Этот элемент позволяет отделить текст программы-сценария от остальной информации страницы. Элемент SCRIPT должен включать атрибут language, который определяет язык и может принимать значения:
javascript — код на языке JavaScript;
tcl — код на языке Tcl;
vbscript — код на языке VBScript.
Может оказаться удобным хранить тексты программ в отдельном файле. Тогда элемент SCRIPT надо снабдить ссылкой на этот файл:
src="URL"
По традиции файлы, содержащие программы на JavaScript, имеют тип js.
Атрибут type тоже может указывать на тип языка, хотя его применение не является обязательным. Для того чтобы соблюсти все правила, внутри элемента можно поместить такое определение:
type="text/javascript"
Одной из особенностей сценариев является возможность изменения содержимого страницы в результате работы программы. Но это только возможность, а не правило. С помощью атрибута defer (который не принимает никаких значений) можно «сообщить» броузеру, что таких изменений внесено не будет. В некоторых случаях это позволяет упростить загрузку страницы.
Из стандартных атрибутов можно использовать атрибут charset.
Элемент SCRIPT (или ряд таких элементов) может располагаться как внутри секции HEAD, так и внутри секции BODY. Если сценарий находится внутри элемента BODY, возможна ситуация, когда какой-либо броузер, не поддерживающий элемент SCRIPT, воспримет текст программы как обычный текст и выведет его на экран. Для того чтобы это предотвратить, код сценария вводят как комментарий:
<SCRIPT language="javascript">

</SCRIPT>
Современные броузеры игнорируют в данном случае символы комментария и выполняют код.
Но и в самой программе могут потребоваться комментарии. Их записывают двумя способами.
Если комментарий использует одну строку или помещается после команды, применяется такая конструкция:
// Комментарий
Если комментарий занимает несколько строк, используется другая конструкция:
/* Первая строка комментария
Вторая строка комментария */
Сценарий может выполняться в момент загрузки страницы, когда на экране еще не видно ее содержание. На примере можно показать работу простейшего сценария.
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html;
charset=windows-1251">
<TITLE>Пример сценария</TITLE>
<SCRIPT language="javascript">
alert("Сейчас будет загружена Web-страница");
</SCRIPT>
</HEAD>
<BODY>
<H1 style="color: navy" align="center">
Заголовок1</H1>
</BODY>
</HTML>
Это обычная страница, но в нее включен сценарий из одной строки. С помощью метода alert() перед загрузкой выводится сообщение (в данном случае приветствие), показанное на рис. 4.1. До тех пор пока пользователь не нажмет кнопку OK, загрузка не будет продолжена.

Рис. 4.1. Окно сообщения, открытое с помощью сценария

Тот же самый сценарий можно выполнить и другим способом: создать функцию и связать ее с событием. Загрузка страницы соответствует событию onLoad элемента BODY. В отличие от предыдущего примера, здесь окно сообщения будет выведено после загрузки страницы. Текст страницы будет выглядеть так:
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html;
charset=windows-1251">
<TITLE>Пример сценария</TITLE>
<SCRIPT language="javascript">
function Okno()
{
alert("Приветствуем вас на этой странице!");
}
</SCRIPT>
</HEAD>
<BODY onLoad="Okno()">
<H1 style="color: navy" align="center">
Заголовок1</H1>
</BODY>
</HTML>
Сценарий не обязательно должен выполняться во время загрузки страницы. Часто его выполнение связывают с разными событиями, но тогда он должен быть оформлен в виде функции.

<NOSCRIPT> </NOSCRIPT>

На тот случай, если страница будет просматриваться броузером, не поддерживающим сценарии, предусмотрен элемент NOSCRIPT. Современные программы просмотра игнорируют его содержимое. Этот элемент можно использовать несколькими способами. Во-первых, внутри него можно поместить текст наподобие следующего: «Ваш броузер не может воспроизвести сценарии, необходимые для просмотра этой страницы!». Во-вторых, внутри элемента можно создать упрощенную версию страницы, без скриптов. В-третьих, можно создать ссылку на другой документ. Элемент NOSCRIPT должен обязательно снабжаться конечным тегом. Из атрибутов допускаются только id и style.

Предыдущий раздел | Следующий раздел