Тег SCRIPT

Браузер	Internet Explorer			Netscape			Opera			Safari	Mozilla	Firefox
Версия	5.5	6.0	7.0	6.0	7.0	8.0	7.0	8.0	9.0	1.0	1.7	1.0	2.0
Поддерживается	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да

HTML:

3.2

XHTML:

1.0

1.1

Описание

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

<SCRIPT> может располагаться в заголовке или теле HTML-документа в неограниченном количестве. В большинстве случаев местоположение скрипта никак не сказывается на работу программы. Однако скрипты, которые должны выполняться в первую очередь, обычно помещают в заголовок документа.

Синтаксис

Параметры

defer: Откладывает выполнение скрипта до тех пор, пока вся страница не будет загружена полностью.
language: Устанавливает язык программирования на котором написан скрипт.
src: Адрес скрипта из внешнего файла для импорта в текущий документ.
type: Определяет тип содержимого тега <SCRIPT>.

Закрывающий тег

Обязателен.

Пример 1. Использование тега <SCRIPT>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег SCRIPT</title>
</head>
<body>

<script type="text/javascript">
document.write ('<table width="100%" border="1">');
for (i=1; i<6; i++) {
document.writeln("<tr>");
for (j=1; j<6; j++) document.write("<td>" + i + j + "<\/td>");
document.writeln("<\/tr>");
}
document.write ("<\/table> ");
</script>

</body>
</html>

Результат данного примера показан ни рис. 1.

Рис. 1

Рис. 1. Результат работы скрипта

В данном примере с помощью скрипта выводится таблица, состоящая из пяти строк и столбцов, которая заполняется числами.

Описание параметров тега <SCRIPT>

Параметр DEFER

Браузер	Internet Explorer			Netscape			Opera			Safari	Mozilla	Firefox
Версия	5.5	6.0	7.0	6.0	7.0	8.0	7.0	8.0	9.0	1.0	1.7	1.0	2.0
Поддерживается	Да	Да	Да	Нет	Нет	Нет	Нет	Нет	Нет	Нет	Нет	Нет	Нет

HTML:

3.2

XHTML:

1.0

1.1

Описание

Параметр defer откладывает выполнение скрипта до тех пор, пока вся страница не будет загружена полностью. Этот параметр работает только в браузере Internet Explorer, а в остальных браузерах будет проигнорирован.

Синтаксис

Аргументы

Нет.

Значение по умолчанию

По умолчанию этот параметр выключен.

Пример 2. Использование параметра defer

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег SCRIPT, параметр defer</title>
<script type="text/javascript" DEFER>
document.forms[0].textField.value = 17;
</script>
</head>
<body>

<form action="handler.php">
<p>Введите ваш возраст</p>
<p><input type="text" name="textField"></p>
</form>

</body>
</html>

В скрипте данного примера значение текстового поля с именем textField приравнивается 17. Однако при запуске скрипта форма еще не инициализирована, поэтому требуется использовать параметр defer. Без него будет выведена ошибка.

Параметр LANGUAGE

HTML:

3.2

XHTML:

1.0

1.1

Описание

Параметр language указывает язык написания скрипта. Рекомендуется всегда задавать этот параметр, поскольку если браузер не распознает язык программирования, то скрипт игнорируется и не выполняется. Вместе с тем, в HTML 4.0 данный параметр осуждается, а вместо него следует применять параметр type, который указывает тип MIME для определенного языка.

Синтаксис

Аргументы

Параметр language не чувствителен к регистру и может принимать одно из четырех значений.

JavaScript: язык программирования JavaScript. К этому параметру часто еще присоединяют номер версии, например — JavaScript1.3.
JScript: Разновидность языка JavaScript разработанная компанией Microsoft. Смена названия продиктована тем, что имя JavaScript уже было зарегистрировано, при этом различия между языками состоят не только в названии, но и в подходах.
VBS, VBScript: Язык программирования VBScript основанный на Visual Basic. Является детищем Microsoft и поддерживается преимущественно браузером Internet Explorer.

Значение по умолчанию

JavaScript

Пример 3. Проверка языка

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег SCRIPT, параметр language</title>
<script type="text/vbscript" language="VBScript"> VB = 1 </script>
<script type="text/javascript" language="JavaScript"> JS = 1; </script>
<script type="text/javascript" language="JavaScript1.1"> JS11 = 1; </script>
<script type="text/javascript" language="JavaScript1.2"> JS12 = 1; </script>
<script type="text/javascript" language="JavaScript1.3"> JS13 = 1; </script>
<script type="text/javascript" language="JavaScript1.4"> JS14 = 1; </script>
<script type="text/javascript" language="JavaScript1.5"> JS15 = 1; </script>
<script type="text/javascript" language="JavaScript">
document.write("<b>Поддерживаемые языки:<\/b><br>");
if(window.JS) document.write("JavaScript<br>");
if(window.JS11) document.write("JavaScript 1.1<br>");
if(window.JS12) document.write("JavaScript 1.2<br>");
if(window.JS13) document.write("JavaScript 1.3<br>");
if(window.JS14) document.write("JavaScript 1.4<br>");
if(window.JS15) document.write("JavaScript 1.5<br>");
if(window.VB) document.write("Visual Basic<br>");
</script>
</head>
<body>

</body>
</html>

Параметр SRC

HTML:

3.2

XHTML:

1.0

1.1

Описание

Импортирует файл со скриптами из внешнего файла. Как только внешние инструкции полностью загружаются, браузер обрабатывает их, словно они были внедрены в текущий документ. Файлы со скриптами JavaScript обычно имеют расширение js и могут размещаться в любом доступном месте.

Преимуществ использования внешних файлов несколько. Внешний файл после первого обращения сохраняется в кэше браузера и при последующих вызовах загружается быстрее. Кроме того, вызываемые функции удобно править в одном месте и код проще контролировать. Это особенно актуально, когда множество веб-страниц используют одни и те же скрипты.

Синтаксис

Аргументы

В качестве значения принимается полный или относительный путь к файлу. Файл должен иметь расширение .js.

Значение по умолчанию

Нет.

Пример 4. Вызов скрипта из внешнего файла

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег SCRIPT, параметр src</title>
<script type="text/javascript" src="/scripts/browser.js"></script>
</head>
<body>
<p>...</p>
</body>
</html>

Параметр TYPE

HTML:

3.2

XHTML:

1.0

1.1

Описание

Указывает тип MIME для определенного языка. Поскольку некоторые старые браузеры не понимают параметр type, лучше задавать два атрибута одновременно — language и type. Если браузер распознает значение параметра type, то значение language отменяется.

Синтаксис

Обязательный параметр

Да

Аргументы

Параметр type не чувствителен к регистру и принимает следующие значения:

text/javascript: Для языка программирования JavaScript.
text/vbscript: Для языка VBScript.

Значение по умолчанию

text/javascript