Page 74 - 6108
P. 74
Обробник подій JavaScript поміщається в той тег, який повинен реагувати
на дії користувача з мишкою, хоча при цьому обробником можуть бути змінені
параметри і властивості будь-якого тега Web-сторінки. Обробники подій,
пов’язані з діями браузера та натисканням клавіш клавіатури, зберігаються
тільки в тегу <body>.
<body onload="alert('Вітаємо!');">
<form><input type=button value="кнопка" onclick="alert('Ви
натиснули кнопку');">
</form>
</body>
В цьому прикладі при натисненні на кнопку мишки відбувається подія
Click і відповідно викликається обробник цієї події onClick. А у момент
завершення повного завантаження документу (він пов'язаний з контейнером
<body>) відбувається подія Load і, відповідно, буде викликаний обробник цієї
події onLoad.
Спосіб 3: вставка (контейнер <script>)
Контейнер script – це розвиток підстановок до можливості генерації
тексту документу JavaScript-кодом. У цьому сенсі застосування script
аналогічно технології SSI (англ. Server Side Includes – включення на стороні
сервера) – нескладна мова для динамічного «складання» веб-сторінок на сервері
з окремих складових частин і видачі клієнту отриманого HTML-документ, але
на стороні клієнта.. При розборі документу HTML-парсер передає управління
JavaScript-інтерпретатору після того, як зустріне тег початку контейнера
<script>. Інтерпретатор отримує на виконання увесь фрагмент коду усередині
контейнера script і повертає управління HTML-парсеру для обробки тексту
сторінки після тега кінця контейнера </script>.
Поміщати JavaScript-код на HTML-сторінці за допомогою контейнера
<script> можна двома способами.
Перший полягає в написанні тексту коду безпосередньо усередині цього
контейнера.
<script> текст_програми;</script>
Другий спосіб полягає в тому, щоб винести код JavaScript в окремий файл
(розширення файлу може бути будь-ким), і потім включити його в HTML-
сторінку:
<script src="myscript.js"> </script>
Цей спосіб дозволяє використовувати один і той же код на різних HTML-
сторінках. За наявності атрибуту src вміст контейнера <script> порожній,
оскільки в цьому випадку скрипт, написаний між тегами <script> і
</script>, буде проігноровано браузером.
Основні властивості контейнера script
Контейнер script виконує дві основні функції:
розміщення коду усередині HTML-документу;
умовна генерація HTML-розмітки на стороні браузеру.
