Главная » Справочник » Справочник по HTML » Справочник по тегам HTML элементов » Тег script HTML

Тег script HTML

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

Тег <script> - синтаксис и код

Тег <script> представлен парами. Содержимое записывается между открывающим (<script>) и закрывающим (</script>) тегами.

Пример разметки кода JavaScript пишет "Привет! Я JavaScript!" в элемент HTML с id="demojs":

<script>
document.getElementById("demojs").innerHTML = "Привет! Я JavaScript!";
</script>

Мой первый JavaScript

Определение и использование

HTML - тег <script> используется для встраивания клиентского скрипта (JavaScript);
Элемент <script> либо содержит операторы сценария, либо указывает на внешний файл сценария через атрибут src;
Обычно JavaScript используется для манипулирования изображениями, проверки форм и динамических изменений содержимого.

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

✪ Рекомендация: также обратите внимание на элемент <noscript> для пользователей, которые отключили сценарии в своем браузере или имеют браузер, который не поддерживает сценарии на стороне клиента.

Поддержка <script> браузерами

	Поддерживает
	Поддерживает
	Поддерживает
	Поддерживает
	Поддерживает

Атрибуты

Атрибут	Значение	Описание
async	async	Указывает, что скрипт загружается параллельно с анализом страницы и выполняется, как только он станет доступен (до завершения анализа) (только для внешних скриптов).
crossorigin	anonymous use-credentials	Устанавливает режим запроса на HTTP CORS-запрос.
defer	defer	Указывает, что скрипт загружается параллельно с анализом страницы и выполняется после завершения анализа страницы (только для внешних скриптов).
integrity	filehash	Позволяет браузеру проверять полученный скрипт, чтобы гарантировать, что код никогда не загружается, если источник был изменен.
nomodule	True False	Указывает, что скрипт не должен выполняться в браузерах, поддерживающих модули ES2015.
referrerpolicy	no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin strict-origin-when-cross-origin unsafe-url	Указывает, какую информацию о реферере отправлять при получении скрипта.
src	URL	Указывает URL-адрес внешнего файла сценария.
type	scripttype	Указывает тип носителя сценария

Глобальные атрибуты

Тег <script> также поддерживает глобальные атрибуты в HTML

Различия между HTML и XHTML

В XHTML содержимое скриптов объявляется как #PCDATA (вместо CDATA), что означает, что сущности будут анализироваться.

Это означает, что в XHTML все специальные символы должны быть закодированы или весь контент должен быть заключен в раздел CDATA:

<script type="text/javascript">
//<![CDATA[
let i = 10;
if (i < 5) {
// some code
}
//]]>
</script>

Связанные страницы

Руководство по HTML: JavaScript HTML

Настройки CSS по умолчанию

script {
  display: none;
}

Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.

Поделиться ссылкой