HTML JavaScript
JavaScript делает HTML-страницы более динамичными и интерактивными.
Пример
My First 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 .
Вкус 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>Sorry, your browser does not support JavaScript!</noscript>
HTML-упражнения
Теги HTML-скрипта
| Tag | Description |
|---|---|
| <script> | Defines a client-side script |
| <noscript> | Defines an alternate content for users that do not support client-side scripts |
Полный список всех доступных HTML-тегов см. в нашем Справочнике по HTML-тегам .