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

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

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

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

Iframes HTML ☚