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;
}
