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.

Пример

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 = "picture.gif";

---

HTML-тег <noscript>

HTML элемент <noscript> определяет альтернативный контент для пользователей, которые отключили скрипты в своём браузере или используют браузер, не поддерживающий скрипты.

Пример

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Извините, ваш браузер не поддерживает JavaScript!</noscript>