ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

HTML учебник

HTML HOME HTML Introduction HTML Editors HTML Basic HTML Elements HTML Attributes HTML Headings HTML Paragraphs HTML Styles HTML Formatting HTML Quotations HTML Comments HTML Colors HTML CSS HTML Links HTML Images HTML Tables HTML Lists HTML Blocks HTML Classes HTML Id HTML Iframes HTML JavaScript HTML File Paths HTML Head HTML Layout HTML Responsive HTML Computercode HTML Entities HTML Symbols HTML Charset HTML URL Encode HTML XHTML

HTML Forms

HTML Forms HTML Form Elements HTML Input Types HTML Input Attributes

HTML5

HTML5 Intro HTML5 Support HTML5 New Elements HTML5 Semantics HTML5 Migration HTML5 Style Guide

HTML Graphics

HTML Canvas HTML SVG HTML Google Maps

HTML Media

HTML Media HTML Video HTML Audio HTML Plug-ins HTML YouTube

HTML APIs

HTML Geolocation HTML Drag/Drop HTML Web Storage HTML Web Workers HTML SSE

HTML Examples

HTML Examples HTML Accessibility

HTML References

HTML Tag List HTML Attributes HTML Events HTML Colors HTML Canvas HTML Audio/Video HTML Doctypes HTML Character Sets HTML URL Encode HTML Lang Codes HTTP Messages HTTP Methods PX to EM Converter Keyboard Shortcuts


HTML JavaScript


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

Пример

Мой первый JavaScript


Тег HTML < script >

Тег <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

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

JavaScript can change HTML content

document.getElementById("demo").innerHTML = "Hello JavaScript!";

JavaScript может изменить стили HTML

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

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

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


Тег HTML <noscript>

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

Пример

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

<noscript>Sorry, your browser does not support JavaScript!</noscript>

Теги HTML-скриптов

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