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.
