<script>

Тег <script> використовується для вставки скриптів (сценаріїв) у html-документ.

Сам скрипт може розташовуватися як у html-документі (всередині тегів head або body), так і в зовнішньому файлі, такий підхід дозволяє використовувати одні і ті ж загальні функції на багатьох веб-сторінках і прискорює їх завантаження, тому що зовнішній файл кешуєтся при першому завантаженні і скрипт виконується швидше при наступних викликах.

Скрипти, які повинні виконуватися в першу чергу, звичайно поміщають в заголовок документа.

Елемент <script> в собі містить скрипт, або, за допомогою атрибута src, вказує на зовнішній файл зі сценаріями.

Нотатка:

Якщо атрибут "src" присутній, елемент <script> повинен бути порожнім.

Порада:

Також зверніть увагу на елемент <noscript> для користувачів, у яких скрипти підтримуються з обмеженими можливостями, або мають браузер, який не підтримує скрипти на стороні клієнта.

Нотатка:

Скрипт виконується:

  • Якщо async="async": Сценарій виконується асинхронно з іншої частини сторінки (сценарій буде виконуватися, поки сторінка продовжує завантажуватись)
  • Якщо async="async" не вказано, але вказано defer="defer": Скрипт виконується, після повного завантаження сторінки.
  • Якщо async та defer не вказані: Сценарій витягується і виконується відразу, до того, як браузер повністю завантажить сторінку
Нотатка:

Тег <script> може розташовуватися в заголовку або тілі HTML-документа в необмеженій кількості.

Нотатка:

Розміщення скрипта в зовнішньому файлі має перевагу в тому випадку, якщо до одного й того ж скрипта звертаються кілька html-документів. До того ж зовнішній файл кешуюється браузером, що в цілому прискорює загальну роботу сайту.

Синтакс

<script type="...">...</script>

Приклади

Найпростіший приклад використання HTML тега <script>

До попереднього тегу До наступного тегу