Пример
Написать "Hello JavaScript!" с помощью JavaScript:
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Попробуйте сами »
Определение и использование
Тег <script> используется для встраивания клиентского скрипта (JavaScript).
Элемент <script> либо содержит скриптовые инструкции, либо ссылается на внешний файл скрипта через атрибут src.
Распространенные области применения JavaScript: манипуляция изображениями, проверка форм и динамическое изменение содержимого.
Советы и примечания
Совет: Также посмотрите элемент <noscript> для пользователей, отключивших скрипты в браузере или использующих браузер без поддержки клиентских скриптов.
Совет: Если вы хотите узнать больше о JavaScript, посетите наш Учебник по JavaScript.
Поддержка браузерами
| Элемент | |||||
|---|---|---|---|---|---|
| <script> | Да | Да | Да | Да | Да |
Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| async | async | Указывает, что скрипт загружается параллельно с разбором страницы и выполняется, как только становится доступен (до завершения разбора) (только для внешних скриптов) |
| crossorigin | anonymous use-credentials |
Устанавливает режим запроса в виде HTTP CORS-запроса |
| defer | defer | Указывает, что скрипт загружается параллельно с разбором страницы и выполняется после завершения разбора страницы (только для внешних скриптов) |
| integrity | хэш-сумма файла | Позволяет браузеру проверять загружаемый скрипт, чтобы гарантировать, что код никогда не будет загружен, если источник был изменен |
| 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 | тип скрипта | Определяет медиатип скрипта |
Различия между HTML и XHTML
В XHTML содержимое внутри скриптов объявляется как #PCDATA (вместо CDATA), что означает, что сущности будут разобраны.
Это означает, что в XHTML все специальные символы должны быть закодированы или всё содержимое должно быть обернуто в секцию CDATA:
<script type="text/javascript">
//<![CDATA[
let i = 10;
if (i < 5) {
// какой-то код
}
//]]>
</script>
Глобальные атрибуты
Тег <script> также поддерживает Глобальные атрибуты в HTML.
Связанные страницы
Учебник HTML: Скрипты HTML
Справочник по HTML DOM: Объект Script
Учебник по JavaScript: Изучите JavaScript
Настройки CSS по умолчанию
Большинство браузеров отображают элемент <script> со следующими значениями по умолчанию:
script {
display: none;
}