Простые примеры использования клиентского JavaScript
Все современные браузеры оснащены интерпретатором JavaScript, который позволяет выполнять JavaScript-сценарий в web странице.
Рассмотрим простой пример:
<html> <head><title>Факториалы</title></head> <body> <h2>Таблица факториалов</h2> <script> for(i = 1; i < 10; i++) { fact = fact * i; document.write(i + "! = " + fact + "<br>"); } </script> </body> </html>
Здесь мы видим простой html код, с встроенным сценарием JavaScript. Результатом загрузки в браузер html файла с данным кодом, будет следующая страница:
Таблица факториалов:
1! = 1
2! = 2
3! = 6
4! = 24
5! = 120
6! = 720
7! = 5040
8! = 40320
9! = 362880
Из примера видно, что для встраивания JavaScript кода в HTML файл использован HTML контейнер script. Контейнер
<script>...</script>
внутрь которого помещен JavaScript код.
JavaScript умеет работать не только с содержимым документа, но и реагировать на события происходящие с документом и действиями пользователей над html элементами страницы. Достигается это путем определения обработчиков событий для документа, например загрузка документа, щелчок мышки по кнопке и т.д.
Пример обработчика события щелчка мышки по кнопке:
<button onclick="alert('Произведен щелчок мышки по кнопке')">Кнопка</button>
Результат выполнения:
В значение атрибута onclick тега button вписана команда выводящая диалоговое окно с текстом «Произведен щелчок мышки по кнопке» и кнопкой «ОК» после щелчка пользователем на кнопку.