HTML JavaScript
Веб-дизайнери роблять світ Інтернету красивим, а веброзробники роблять його функціональним.
JavaScript робить HTML-сторінки більш динамічними та інтерактивними.
HTML тег <script>
HTML тег <script> використовується для визначення скрипту на стороні клієнта (JavaScript).
Елемент <script> містить або інструкції скрипту, або вказує на зовнішній файл скрипту за допомогою атрибута src.
Поширеним використанням JavaScript є маніпулювання зображеннями, перевірка форми та динамічні зміни вмісту.
Для вибору HTML елемента, JavaScript найчастіше використовує метод document.getElementById().
В цьому прикладі JavaScript пише "Hello JavaScript!" в елементі HTML за допомогою id="demo":
Приклад
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Спробуйте самі »
Порада: Ви можете дізнатись набагато більше про JavaScript в JavaScript Підручнику на нашому сайті W3Schools українською.
Смакуйте JavaScript!
Ось кілька прикладів того, що може зробити JavaScript:
Приклад
JavaScript може змінювати вміст:
document.getElementById("demo").innerHTML = "Hello JavaScript!";
Спробуйте самі »
Приклад
JavaScript може змінювати стилі:
document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";
Спробуйте самі »
Приклад
JavaScript може змінювати атрибути:
document.getElementById("image").src = "../images/picture.gif";
Спробуйте самі »
HTML тег <noscript>
HTML тег <noscript> визначає альтернативний вміст, який відображатиметься користувачам, які вимкнули скрипти в своєму браузері або мають браузер, який не підтримує скрипти:
Приклад
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>На жаль, ваш браузер не підтримує JavaScript!</noscript>
Спробуйте самі »
HTML Вправи
HTML теги скрипту
| Тег | Опис |
|---|---|
| <script> | Визначає скрипт на стороні клієнта |
| <noscript> | Визначає альтернативний вміст для користувачів, які не підтримують скрипти на стороні клієнта |
Для отримання повного списку всіх доступних HTML тегів відвідайте HTML Довідник тегів на нашому сайті W3Schools українською.
HTML — JavaScript — Відеоурок W3Schools
Це відео є вступом до JavaScript і того, як він працює в HTML.
Частина серії відеоуроків для вивчення HTML для початківців!
📚 Офіційні ресурси та специфікації
Для тих, хто хоче знати про елемент <script> абсолютно все, рекомендуємо звернутися до першоджерел та офіційної документації:
- MDN Web Docs: HTML <script> element — найкраще джерело для практичного розуміння HTML-елемента <script> (синтаксис, атрибути, поведінка, приклади).
- WHATWG HTML Living Standard: The <script> element — це саме та частина Living Standard, де визначено роль, атрибути та правила для <script>.
- W3C HTML5 Specification: The <script> element — (архівна версія для авторів).
- Скрипти в HTML. Елемент <script> — читати на Wikipedia.
