Использование сценариев
В рамках HTML мы обладаем возможностью использовать при создании Web-страниц
специальный вид программ, называемых сценариями или скриптами. Они очень
тесно связаны с технологией динамического HTML (DHTML), которую мы будем
рассматривать в третьей главе. Но сейчас мы лишь разберем возможности
их подключения к HTML-документу.
Для создания подобных программ-сценариев могут использоваться два языка
програмирования: JavaScript и VBScript. Эти программы просто встраиваются
в Web-страницу, а браузер пользователя получает их и самостоятельно выполняет.
В связи с тем, что VBScript недостаточно хорошо поддерживается всеми браузерами,
чаще всего используется язык JavaScript.
Итак, мы создали или нашли на просторах Сети программу-сценарий, которую
нам хотелось бы использовать на своей Web-странице для придания ей некоей
динамичности и интерактивности. Теперь ее необходимо подключить к нашей
странице. Для этих целей используется тег <script>
со своим закрывающим близнецом </script>.
Между этими тегами обычно размещается текст программы-сценария. Впрочем,
иногда просто указывается UR.L файла с этим текстом,, и тогда браузер
сам отыщет его, руководствуясь указанным URL. Однако, так как поиск он
будет производить тогда, когда потребуется запустить скрипт, то между
действиями пользователя и реакцией программы будет возникать определенная
задержка. Поэтому, чаще всего текст программы присоединяют к HTML-документу.
Тег <script> с его содержимым чаще всего
размещается в заголовке Web-страницы, между тегами <head>
и </head>. Связано это с тем, что
подключаемый скрипт должен быть описан до момента его первого использования,
т. е. мы можем описать его в теле документа, после тега <body>,
но при этом мы должны быть уверены, что все элементы Web-страницы, использующие
или активизирующие этот скрипт, будут описаны после него. Чтобы исключить
возможные ошибки и коллизии, обычно скрипты описывают в заголовках. Это
просто проявление правильного стиля создания документов, которого всегда
следует придерживаться.
Итак, тег <script>, как мы уже знаем,
позволяет внедрять в создаваемые Web-страницы программы-сценарии. Но тег
обладает рядом параметров, которые позволяют браузеру максимально адекватно
распознавать передаваемую информацию и выполнять инструкции программы.
- Параметр type предназначен
для указания типа присоединяемого скрипта. Он используется вместо устаревшего
параметра language. Обычно используются значения text/javascript и text/vbscript.
Первое значение указывает, что присоединяемый скрипт написан на языке
JavaScript, а второе, соответственно, зарезервировано для VBScript.
Данный параметр является обязательным.
- Параметр src применяется
в тех случаях, когда код присоединяемого скрипта не внедряется непосредственно
в HTML-документ, а вынесен в отдельный файл, который браузер должен
сам нати и загрузить. Значением данного параметра является URL искомого
файла, содержащего код присоединяемого скрипта.
- Параметр charset имеет смысл
использовать в паре с предыдущим параметром, так как его значение определяет
кодировку символов, которая использовалась при создании файла с подключаемым
скриптом.
Теперь, когда мы знаем, какие параметры есть у тега <script>,
рассмотрим фрагмент кода, в котором показан порядок его использования.
ODOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
chtml>
<head>
<title>Интерактивная страница</title> ;
<script type="text/javascript"> ...Код скрипта...
</script> .
</head>'
В этом примере мы просто подключаем скрипт с вставкой его кода напрямую
в создаваемую Web-страницу, Если необходимо присоединить отдельный файл
со скриптом, следует использовать следующий фрагмент кода:
<script type="text/vbscript"
src="http://www.mysite.com/progs/vbcalc">
В этом примере мы подключаем файл, который находится в каталоге progs
на сайте www.mysite.com. Как видно, все достаточно просто и понятно.
Очень часто при помощи подобных скриптов создатели Web-страниц динамически
генерируют содержимое этих страничек. Это как раз одна из наиболее популярных
возможностей DHTML. Но всегда есть вероятность, что пользователь будет
использовать для просмотра Web-страницы устаревший браузер, который не
сможет обрабатывать скрипты. В этом случае было бы хорошо иметь возможность
установить альтернативное оповещение, которое отображалось бы браузером,
если тот не в состоянии использовать программы-сценарии. Подобное сообщение
мы можем устанавливать при помощи тегов <noscript> и </noscript>.
Обычно они устанавливаются сразу после тегов <script>. В итоге получается
конструкция следующего вида:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Интерактивная страница</title>
<script type="text/javascript">
...Код скрипта.... .
</script> -
<noscript>
К сожалению, ваш браузер не поддерживает скрипты.
</noscript>
</head>
И на этом мы заканчиваем. рассмотрение процедуры подключения программ-сценариев
к HTML-документам, а вместе с ней и рассмотрение всего стандарта HTML.
Он, действительно, не так уж и велик, но при этом достаточно гибок. |