Элемент <script>


4	12	1	12.1	3	1


4.4	4	12.1	2

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

Синтаксис

<script>
 <скрипт>
</script> 
<script src="<адрес>"></script>

	Описание	Пример
<тип>	Указывает тип значения.	<размер>
A && B	Значения должны выводиться в указанном порядке.	<размер> && <цвет>
A \| B	Указывает, что надо выбрать только одно значение из предложенных (A или B).	normal \| small-caps
A \|\| B	Каждое значение может использоваться самостоятельно или совместно с другими в произвольном порядке.	width \|\| count
[ ]	Группирует значения.	[ crop \|\| cross ]
*	Повторять ноль или больше раз.	[,<время>]*
+	Повторять один или больше раз.	<число>+
?	Указанный тип, слово или группа не является обязательным.	inset?
{A, B}	Повторять не менее A, но не более B раз.	<радиус>{1,4}
#	Повторять один или больше раз через запятую.	<время>#

Атрибуты

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

Устаревшие атрибуты

language: Устанавливает язык программирования на котором написан скрипт.

Устаревшие атрибуты — это атрибуты элементов HTML, которые были частью предыдущих версий HTML, но больше не поддерживаются в последних версиях стандарта. Использование таких атрибутов не рекомендуется, поскольку они противоречат современной идеологии HTML и могут не поддерживаться последними версиями браузеров.

Добавлять к элементам HTML устаревшие атрибуты не надо, взамен применяются стили или другие элементы HTML.

Пример

<!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=utf-8"> <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. Результат работы скрипта

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

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>SCRIPT</title> <script> function popup() { document.getElementById('welcome').innerHTML = 'Добро пожаловать!'; } </script> </head> <body onload="popup()"> <div id="welcome"></div> </body> </html>

В данном примере внутри элемента с идентификатором welcome выводится текст сообщения.

Примечание

В HTML5 атрибут type можно опустить, он является необязательным и принимает значение text/javascript, если не указан явно. В предыдущих версиях HTML атрибут type необходим.

Спецификация

Спецификация	Статус
HTML Living Standard	Живой стандарт
HTML 4.01 Specification	Заменённая рекомендация