Использование сценариев
В рамках 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>, рассмотрим фрагмент кода, в котором показан порядок его использования.
<!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></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. Он, действительно, не так уж и велик, но при этом достаточно гибок.