<script>
Подключает или встраивает JavaScript; `<noscript>` показывает запасное содержимое, если скрипты выключены.
Синтаксис
<script src="app.js" defer></script>Атрибуты
| Параметр | Тип | Описание |
|---|---|---|
| src | URL | Необязательный. Адрес внешнего файла со скриптом. |
| defer | — | Необязательный. Выполнить скрипт после разбора всей страницы. |
| type | module | Необязательный. `module` включает JavaScript-модули. |
Примеры
Встроенный скрипт меняет текст на странице:
<p id="greeting">Loading…</p>
<script>
document.getElementById("greeting").textContent = "Hello from JavaScript!";
</script>Внешний файл и запасной текст:
<script src="/js/app.js" defer></script>
<noscript>
<p>Please turn on JavaScript to use the calculator.</p>
</noscript>
<p>The calculator appears here.</p>Примечания
Обычный <script> останавливает разбор страницы, пока не загрузится и не выполнится. Поэтому внешние скрипты подключают с defer (или type="module") в <head>, либо ставят в самый конец <body>. У тега с src не должно быть содержимого внутри.
См. также
- <head> — Служебная часть страницы: кодировка, заголовок вкладки, подключение стилей и скриптов.
- <body> — Видимая часть страницы: всё, что видит пользователь.
- <template>, <slot> — Заготовка разметки, которая не показывается, пока её не скопирует JavaScript; `<slot>` — место для вставки в веб-компонентах.
- defer, async — Атрибуты внешнего `<script>`, которые загружают его, не останавливая разбор страницы; различаются тем, когда скрипт выполняется.
Вопросы и ответы по теме
В учебнике
- Структура документа — Каркас HTML-страницы — doctype, html, head и body, кодировка, заголовок вкладки, viewport и первый файл index.html.