HTML JavaScript
Курс по основам HTML. W3Schools на русском языке. Уроки для начинающих
Как добавить JavaScript в HTML-код на веб-странице? Использование скриптов
JavaScript делает HTML страницы более динамичными и интерактивными.
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 может менять содержание HTML:
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> |
Определяет альтернативное содержание для пользователей, которые не поддерживают скрипты на стороне клиента |
Примечание: Для получения полного списка всех доступных HTML тегов, посетите Справочник HTML тегов.