Тег <script>

Тег <script> встраивает или подключает JavaScript-код. Атрибуты async/defer управляют тем, когда скрипт загружается и выполняется относительно парсинга HTML.

Syntax

<script src="app.js" defer></script>

Attributes

src URL внешнего файла скрипта. Без него код пишется прямо между тегами.
type "module" для ES-модулей (import/export); по умолчанию — обычный скрипт.
async Загружается параллельно с парсингом HTML и выполняется сразу после загрузки, порядок относительно других скриптов не гарантирован.
defer Загружается параллельно, но выполняется только после завершения парсинга HTML, в порядке расположения в документе.

Example

<script src="app.js" defer></script>
<script type="module" src="main.mjs"></script>

Notes

  • Без async/defer скрипт блокирует парсинг страницы, пока не загрузится и выполнится — поэтому теги script часто ставят перед </body>.
  • type="module" скрипты автоматически ведут себя как defer.

Похожие инструменты