Тег <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.

Схожі інструменти

Тег <link>

Атрибути rel, href та as тегу <link>: стилі, favicon, preload.

JavaScript Форматувач і Мініфікатор

Форматування обфускованого або стисненого JS коду онлайн у браузері.