ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
HTML5. Уроки для начинающих

En Ua

HTML JavaScript


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


Пример

Мой первый JavaScript


Попробуйте сами »

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 = "picture.gif";
Попробуйте сами »

HTML тег <noscript>

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

Пример

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

HTML Упражнения

Проверьте себя с помощью упражнений

Упражнение:

Используйте JavaScript, чтобы изменить HTML-содержимое элемента <p> "Hello World!".

<body>

<p id="demo">Hi.</p>

<script>
document.("demo").innerHTML = "Hello World!";
</script>

</body>


HTML Теги скрипта

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

Чтобы увидеть полный список всех доступных HTML-тегов, посетите HTML Справочник тегов на нашем сайте W3Schools на русском.