Page 72 - 6108

ЗМ3 УПРАВЛІННЯ ЗМІСТОМ ВЕБ-СТОРІНКИ

Тема 3.1 Вступ в JavaScript

Основна ідея JavaScript полягає в можливості зміни значень атрибутів
HTML -контейнерів і властивостей середовища відображення в процесі
перегляду HTML –сторінки користувачем. При цьому перезавантаження
сторінки не відбувається. На практиці це виражається в тому, що можна,
наприклад, змінити колір фону сторінки або інтегровану в документ картинку,
відкрити нове вікно або видати попередження.
Стандартизація мови була ініційована компанією Netscape і здійснюється
асоціацією ECMA (European Computer Manufacturers Association – Асоціація
європейських виробників комп'ютерів). Стандартизована версія має назву
ECMAScript і описується стандартом ECMA-262.

3.1.1 Розміщення коду JavaScript на HTML -сторінці

JavaScript-код завжди виконється браузером. У нього вбудований
інтерпретатор JavaScript. Отже, виконання програми залежить від того, коли і
як цей інтерпретатор отримує управління. Це, у свою чергу, залежить від
функціонального застосування коду. У загальному випадку можна виділити три
способи функціонального застосування JavaScript :
 гіпертекстове посилання (схема URL);
 обробник події (у атрибутах, що відповідають подіям);
 вставка (контейнер <script> ).
Спосіб 1: URL -схема «JavaScript:»
Основним завданням мови програмування гіпертекстової системи є
програмування гіпертекстових переходів. Це означає, що при виборі того або
іншого гіпертекстового посилання викликається програма реалізації
гіпертекстового переходу. У Web-технології стандартною програмою, що
викликається при гіпертекстовому переході, є програма завантаження сторінки
(тобто при кліці по посиланню завантажується сторінка з вказаним URL).
JavaScript дозволяє поміняти стандартну програму на програму користувача.
Для того, щоб відрізнити стандартний перехід по протоколу HTTP від
переходу, що програмується на JavaScript, розробники мови ввели нову схему
URL - JavaScript:

<a href="javascript: код_програми">..</a>
<form action="javascript: код_програми" ..> .. </form>

В даному випадку текст «код_програми» означає програму-обробник на
JavaScript, яка викликається при виборі гіпертекстового посилання в першому
випадку і при відправці даних форми (натисненні кнопки Submit) – в другому.

<a href="javascript: alert('Увага!!!');">Натисніть тут<a>
<form method=post name="form" action="javascript:
form.e.value='Натиснули кнопку: заповнити';void(0);">
<input type=text name=e size=30 value=""><br>
<input type=submit value="Заповнити">
<input type=reset value="Очистити">