HTML тег - script - определение и примеры использования
Меню
Веб-разработка
Тег 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> браузерами

Chrome Поддерживает
Yandex Browser Поддерживает
Edge Поддерживает
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Атрибуты

Атрибут Значение Описание
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.

 

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