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 українською.
