Як вставляти скрипти

Як вставляти скрипти

Застосовуючи скрипти (сценарії), можна обробляти різні події, змінювати вигляд сторінки, проводити аналіз даних, що вводяться користувачем тощо.


Подібний сценарій вставляється в HTML-код за допомогою тегу < SCRIPT >. Вставляти скрипти правильно дуже важливо. Вони розміщуються всередині відкритого тегу < HEAD >. Зроблено це з метою завантаження коду сценарію раніше, ніж сторінку на екрані побачить користувач. Якщо сценарій розмістити наприкінці документа HTML, елементи документа завантажуватимуться раніше. Такий атрибут, як LANGUAGE, служить для зазначення мови сценарію. Під час написання сценарію на JavaScript мову можна не вказувати, оскільки JavaScript за замовчуванням вважається стандартною мовою.

У переглядачі Internet Explorer, починаючи з версії 4.0, також можна застосовувати сценарії, написані мовою VBScript. Для цього потрібно вказати мову сценарію - вона буде або VBScript, або VBS. У такому варіанті сценарій вставлено всередину заголовка < HEAD >. Але його можна помістити в будь-якому місці HTML-коду. При різних варіантах виконання сценарію іноді потрібно завантажувати скрипт після завантаження елементів сторінки.

Для ефективного використання скриптової мови під час створення сценаріїв (скриптів) необхідно розуміти будову об 'єктної моделі HTML-документа. Створюючи сценарій, потрібно розуміти, на які властивості та до яких об 'єктів спрямовані дії. Вся справа в HTML-документі, який при завантаженні в браузер передає деяке внутрішнє уявлення, зав 'язане на певну схожість з об' єктною моделлю. У документі HTML кожен елемент представляється відповідним об 'єктом. Так, якщо користувач натискає кнопкою миші на вікні переглядача, Windows відсилає цьому браузеру службове повідомлення, в якому міститься інформація про натиснуті кнопки миші і клавіатури, а також координати покажчика на певній частині вікна браузера. У такій ситуації браузер приймає рішення - обробити команду чи ні. Якщо користувач активує кнопку на панелі інструментів, переглядач автоматично обробить цю подію. Клацнувши на індексі всередині відкритої сторінки, переглядач через об 'єктну модель пропустить цю подію, оскільки сторінка HTML містить сценарій, що відповідає за обробку цієї події. Щоб на майбутнє вставляти скрипти правильно, можна передбачити зворотний шлях. Якщо сценарій передбачає відповісти на подію, інструкції від сценарію до браузера передаються через все ту ж об 'єктну модель. При такому підході браузер вирішує, як чинити зі сторінкою, і інформує систему про це. У динамічному HTML користувач може вказувати події, на які браузер повинен відреагувати.