17.2 Включване на скриптове в HTML документи.

Вграждането на скриптове в HTML документ се извършва с контейнерния таг <SCRIPT...>...</SCRIPT>.

Принципно са възможни два начина за включване на скриптове в HTML документ.

Първият начин е чрез използване на файл, съдържащ скрипта.

За Java Script файлoвете имат разширение .js. Тези файлове са текстови в ASCII код, без форматиращи символи.

При вторият начин текста на скрипта се включва между двете части на тага <SCRIPT>, непосредствено в кода на Web страница.

Тагът <SCRIPT...>...</SCRIPT> може да се разположи както в главата на HTML документа, между таговете <HEAD>...</HEAD>, така и в тялото на документа, между таговете <BODY...>...</BODY>.

Най-добре е тагът <SCRIPT...>...</SCRIPT>  да се разположи в заглавната част на HTML документа. Но има случай, когато това не може да се направи.

Това са случайте в които за да се изпълни скрипта е необходимо преди това да се зареди страницата.

Основните атрибути на тага <SCRIPT...> са показани в табл.17.1.

Табл.17.1
Основни атрибути на тага <SCRIPT...>

Атрибут

Стойности

Значение

SRC= URL адрес
Задава адреса на външен файл, съдържащ скрипт (.js)
TYPE= text/Java Script
( за скрипт написан на езика Java Script)
Задава типът на съдържанието
LANGUAGE= Java Script
( за скрипт написан на езика Java Script)
Задава езика на скрипта

Атрибутът LANGUAGE=  се счита за остарял (стандарт HTML 4.0), но все още се използва заради браузери, които не могат да интерпретират тага <SCRIPT> без него.

Декларирането на скриптовия език може да се направи за целия HTML документ (глобално), като за целта се използва тага <META...>, който се разполага в заглавната част на документа.

За скрипт, написан на Java Script, тагът има следния вид:

<META http-equiv="Content-Script-Type"
content="text/Java Script">

За VBScript видът е следния:

<META http-equiv="Content-Script-Type"
content="text/vbscript">
.

Локалното деклариране типа на съдържанието в тага <SCRIPT...> има приоритет пред глобалното в тага <META...>.

Следните два примера показват основните принципи на използване на  Java Script в HTML документ.

В първия пример се използва външен файл със скрипт - pozdrav.js. Този файл има следното съдържание:
document.write (Здравейте").

Изходния код на HTML документ, използващ файл в скрипт изглежда по следния начин:
<HTML>
<HEAD>
<TITLE>Пример за Java Script </TITLE>
<SCRIPT TYPE="text/Java Script" SRC="pozdrav.js"></SCRIPT>
</HEAD> 
<BODY> 
</BODY>
</HTML>

Натиснете ТУК за да видите страницата с този код.

Същият резултат ще се получи, ако съдържанието на файла pozdrav.js се напише като съдържание на тага <SCRIPT..>... </SCRIPT>. Кодът на HTML документа ще има следния вид:

<HTML>
<HEAD>
<TITLE>Пример за Java Script</TITLE>
</HEAD >
<BODY>
<SCRIPT TYPE="text/java script">
document.write ("Здравейте")
</SCRIPT
>
</BODY>
</HTML>

Страницата с този код може да видите като натиснете ТУК