НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
HTML5. W3Schools українською. Повний довідник тегів

En

HTML Тег <script>


Приклад

Написати "Hello JavaScript!" за допомогою JavaScript:

<script>
   document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Спробуйте самі »

Визначення та використання

Тег <script> використовується для вбудовування скриптів на стороні клієнта (JavaScript).

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

Поширеним використанням JavaScript є маніпулювання зображеннями, перевірка форм і динамічні зміни вмісту.


Поради та примітки

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

Порада. Якщо ви хочете дізнатися більше про JavaScript, відвідайте JavaScript підручник на нашому сайті W3Schools українською.


Підтримка браузерами

Елемент
<script> Так Так Так Так Так

Атрибути

Атрибут Значення Опис
async async Визначає, що скрипт завантажується паралельно з аналізом сторінки та виконується, щойно він стане доступним (до завершення аналізу) (лише для зовнішніх скриптів)
crossorigin anonymous
use-credentials
Визначає для запиту режим HTTP CORS Request
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 Визначає тип носія скрипту

Відмінності між HTML та XHTML

У XHTML вміст у скриптах оголошується як #PCDATA (замість CDATA), що означає, що об’єкти аналізуватимуться.

Це означає, що в XHTML усі спеціальні символи мають бути закодовані або весь вміст має бути загорнутий у розділ CDATA:

<script type="text/javascript">
//<![CDATA[
let i = 10;
if (i < 5) {
  // якийсь код
}
//]]>
</script>

Глобальні атрибути

Тег <script> також підтримує Глобальні атрибути в HTML.


Пов’язані сторінки

HTML підручник: HTML Скрипти

HTML DOM довідник: Об’єкт Script

JavaScript підручник: Learn JavaScript


CSS налаштування за замовчуванням

Більшість браузерів будуть відображати елемент <script> з наступними значеннями за замовчуванням:

script {
  display: none;
}