HTML - тег <script>
объявляет клиентский сценарий (JavaScript) в документе HTML. При определении сценария на стороне клиента тег сценария используется для манипулирования изображениями, проверки формы и динамических изменений содержимого. Тег может включать как сам скрипт, так и ссылку на внешний файл, содержащий скрипты. Путь к внешнему файлу указывается атрибутом src
.
Тег <script>
представлен парами. Содержимое записывается между открывающим (<script>
) и закрывающим (</script>
) тегами.
Пример разметки кода JavaScript пишет "Привет! Я JavaScript!" в элемент HTML с id="demojs":
<script>
document.getElementById("demojs").innerHTML = "Привет! Я JavaScript!";
</script>
<script>
используется для встраивания клиентского скрипта (JavaScript);<script>
либо содержит операторы сценария, либо указывает на внешний файл сценария через атрибут src
;HTML - тег <script>
можно разместить как в элементе <head>, так и внутри элемента <body>. Выполнение скрипта не зависит от его расположения в HTML-документе, но скрипты, которые должны быть выполнены в первую очередь, должны быть помещены в заголовок документа. Тег <script>
можно использовать в HTML-документе много раз.
Поддерживает | |
Поддерживает | |
Поддерживает | |
Поддерживает | |
Поддерживает | |
Поддерживает |
Атрибут | Значение | Описание |
---|---|---|
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
В XHTML содержимое скриптов объявляется как #PCDATA (вместо CDATA), что означает, что сущности будут анализироваться.
Это означает, что в XHTML все специальные символы должны быть закодированы или весь контент должен быть заключен в раздел CDATA:
<script type="text/javascript">
//<![CDATA[
let i = 10;
if (i < 5) {
// some code
}
//]]>
</script>
Руководство по HTML: JavaScript HTML
script {
display: none;
}
Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.