Что такое JavaScript в HTML, примеры использования
Меню
Справочник
javascript html

JavaScript — это язык сценариев, изначально предназначенный для взаимодействия с HTML элементами веб-страниц.

JavaScript делает HTML-страницы более динамичными и интерактивными!


Мой первый JavaScript


HTML - тег <script>

  • Тег HTML <script> используется для определения скрипта на стороне клиента (JavaScript);
  • Элемент <script> либо содержит инструкции сценария, либо указывает на внешний файл сценария через атрибут src;
  • Обычно JavaScript используется для обработки изображений, проверки формы и динамического изменения содержимого;
  • Для выбора HTML-элемента JavaScript чаще всего использует метод document.getElementById().

Этот пример JavaScript пишет "Привет! Я JavaScript!" в элемент HTML с id="demojs":

<script>
document.getElementById("demojs").innerHTML = "Привет! Я JavaScript!";
</script>

Попробуй JavaScript на вкус!

  • JavaScript может изменить содержимое HTML-элемента.

Вот несколько примеров того, что может сделать JavaScript:

Меняем контент с помощью JavaScript:

document.getElementById("demojs").innerHTML = "Привет! Я JavaScript!";

ПРИМЕР

JavaScript также может изменять стили:

document.getElementById("stylesjs").style.fontSize = "25px";
document.getElementById("stylesjs").style.color = "red";
document.getElementById("stylesjs").style.backgroundColor = "yellow";

ПРИМЕР

JavaScript может изменять атрибуты:

document.getElementById("image").src = "picture.gif";

ПРИМЕР


HTML - тег <noscript>

HTML-тег <noscript> определяет альтернативный контент, который будет отображаться для пользователей, отключивших сценарии в своем браузере или использующих браузер, не поддерживающий сценарии:

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

Браузер без поддержки JavaScript покажет текст, написанный внутри элемента noscript.


Справочник по тегам HTML

Справочник по тегам содержит дополнительную информацию об этих тегах и их атрибутах.

Тег Описание
<script> Определяет сценарий на стороне клиента
<noscript> Определяет альтернативный контент для пользователей, которые не поддерживают сценарии на стороне клиента

Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.


☛ Пути файлов HTML

Iframes HTML ☚

Поделиться ссылкой