Тег SCRIPT

Описание

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

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

Синтаксис

<script>
...
</script>

<script src="URL"></script>

Параметры

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

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

Обязателен.

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>

<table width="400" border="1">
<script language="JavaScript">
for (i=1; i<6; i++) {
document.writeln("<tr>");
for (j=1; j<6; j++) document.write("<td>" + i + j + "</td>");
document.writeln("</tr>");
}
</script>
</table>

</body>
</html>

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

Параметр DEFER

Описание

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

Синтаксис

<script defer>...</script>

Аргументы

Нет.

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

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

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language="JavaScript" DEFER>
document.forms[0].textField.value = 17;
</script>
</head>

<body>
<form>
Введите ваш возраст<br>
<input type="text" name="textField">
</form>
</body>
</html>

Параметр LANGUAGE

Описание

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

Синтаксис

<script language="JavaScript | JScript | VBS | VBScript">...</script>

Аргументы

Параметр 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">
<html>
<head>
<script language="VBScript"> VB = True </script>
<script language="JavaScript"> JS = 1; </script>
<script language="JavaScript1.1"> JS11 = 1; </script>
<script language="JavaScript1.2"> JS12 = 1; </script>
<script language="JavaScript1.3"> JS13 = 1; </script>
<script language="JavaScript1.4"> JS14 = 1; </script>
<script language="JavaScript1.5"> JS15 = 1; </script>

<script 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

Описание

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

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

Синтаксис

<script src="URL">...</script>

Аргументы

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

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

Нет.

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language="JavaScript" src="/scripts/browser.js"></script>
</head>
<body>
...
</body>
</html>

Параметр TYPE

Описание

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

Синтаксис

<script type="MIME-тип">...</script>

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

Да

Аргументы

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

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

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

text/javascript

Пример 5. Выбор языка программирования

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language="JavaScript" type="text/javascript">
...
</script>
</head>
<body>
...
</body>
</html>