Встраивание JavaScript в HTML- документ

Существует несколько способов включения фрагментов программы (кодов) на JavaScript в HTML-документ:

• включение кодов JavaScript между тэгами <SCRIPT> и </SCRIPT>;
• подключение внешнего файла с кодами JavaScript с помощью тэга <SCRIPT>;
• использование кодов JavaScript непосредственно в тэгах HTML при задании обработчиков событий;
• использование псевдопротокола javascript:URL в тэгах HTML.

Сейчас рассмотрим первые два способа встраивания JavaScript в HTML-документ. С остальными познакомимся по мере изучения языка.

1. Включение JavaScript между тэгами <SCRIPT> и </SCRIPT>

Для включения фрагментов программы на JavaScript или другом скрипте (объявлений переменных, описаний функций, операторов, вызовов функций и др.) обычно используется следующий шаблон:

SCRIPT TYPE="text/javascript" >
<!-- Маскирование сценария
.   .   .
Фрагменты сценария JavaScript
.   .   .
// -->
</SCRIPT>

Параметр TYPE задает скрипт (язык программирования), используемый в тэге-контейнере <SCRIPT>. Кроме этого, согласно рекомендациям организации W3C с помощью тэга <META> должен быть задан скрипт, принимаемый браузером по умолчанию. Поэтому, если при разработке сценария используется язык JavaScript, то параметр LANGUAGE можно не указывать.
Использование HTML-комментария (<!-- -->) в шаблоне предназначено для маскирования JavaScript-сценария для тех браузеров, которые его не поддерживают (версии Netscape Navigator до 2.0 и Microsoft Internet Explorer до 3.0). Иначе Web-страница будет воспроизведена неправильно. При этом тэги <SCRIPT> и </SCRIPT> этими браузерами будут пропущены, поскольку браузеры игнорируют тэги, которые не могут распознать.
Браузеры, которые позволяют интерпретировать JavaScript, HTML- комментарий распознают иначе: его начало (<!--) считается однострочным комментарием, а окончание (-->) игнорируется.
Для браузеров, которые не поддерживают JavaScript и другие скрипты, можно воспользоваться тэгом-контейнером <NOSCRIPT> </NOSCRIPT> для того, чтобы сообщить об этом пользователю:

NOSCRIPT>
<B> Эта Web-страница содержит фрагменты JavaScript. Используйте браузер, поддерживающий этот язык. </B>
</NOSCRIPT>

Хотя эти браузеры сейчас практически не используется, тем не менее рекомендуется использовать при работе со сценариями на JavaScript предложенный шаблон встраивания программ. В примере №1 реализован именно этот подход. Хотя в дальнейшем в целях более компактного изложения программ на JavaScript будет использоваться сокращенный вариант

<SCRIPT>
.   .   .
Фрагменты сценария JavaScript
.   .   .
</SCRIPT>

2. Подключения внешнего файла с JavaScript

Для подключения внешнего файла с JavaScript-кодами используются те же самые тэги <SCRIPT> и </SCRIPT>, но в отличие от внутреннего встраивания тэг <SCRIPT> содержит параметр SRC, который задает URL-адрес внешнего файла с фрагментами JavaScript.

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