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

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

Користувальницькі агенти, в більшості своїй є інтернет-браузерами, які завантажили і відображають гіпертекстові документи, вже давно підтримують виконання сценаріїв на одному або декількох мовах програмування. Завершені і працездатні блоки коду сценаріїв називають скриптами. Для того щоб додати в гіпертекстовий документ динамічний вміст, ефекти або обробку користувача введення, потрібно просто вписати скрипт на якому або з підтримуваних мов.

Вам знадобиться

- Можливість редагування розмітки або шаблону розмітки документа.

Інструкція

  1. Виберіть спосіб впровадження скрипта в документ. Вибір способу має сенс засновувати на знанні призначення і функціональних особливостей впроваджуваного сценарію. Є чотири основні способи впровадження сценаріїв в документ:

    1. Підключення сценарію, який завантажується з зовнішнього ресурсу, що адресується відомим URI за допомогою елемента SCRIPT. Даний спосіб хороший для додавання скриптів з вихідним кодом великого об’єму, використовуваних в багатьох документах. Спосіб дозволяє уникнути дублювання коду.

    2. Впровадження коду скрипта безпосередньо в документ за допомогою елемента SCRIPT. За допомогою цього способу можна вписати код сценарію якого обсягу в потрібне місце документа, що дозволить динамічно сформувати частину вмісту документа на етапі його завантаження користувальницьким агентом.

    3. Додавання виконуваного коду в якості частини URI цільового якоря елемента A з зазначенням спеціального дескриптора протоколу. Даний спосіб дозволяє створювати в документі «розумні» посилання, спеціальним чином реагують на кліки по ним. Подібним чином має сенс додавати в документ лише невеликі фрагменти коду.

    4. Розміщення коду скрипта у вбудованих обробниках подій елементів. Використовується в основному для додавання реакції на дії користувача. Має сенс додавати код невеликого обсягу.
  2. Визначте місця в документі для підключення скриптів. При підключенні зовнішніх сценаріїв може виявитися доречним додавання елементів SCRIPT в розділ HEAD документа для забезпечення їх завантаження до основного вмісту.

    При безпосередньому впровадженні скриптів за допомогою елемента SCRIPT слід виходити з доцільності розміщення коду в конкретній частині документа. Якщо впроваджуваний скрипт необхідний для динамічного створення вмісту, має сенс помістити його саме в те місце, де буде розташовуватися створюваний контент. Якщо ж скрипт працює з об’єктною моделлю, додаючи інформацію у вже існуючі елементи, або запускаючи на виконання інші сценарії, його розміщення в самому кінці тіла сторінки (перед заключающим тегом BODY) може виявитися більш доречним.

    Невеликі фрагменти коду, що додаються в якості частин URI якорів посилань або вмісту атрибутів вбудованих обробників подій, можуть розташовуватися тільки в місцях їх безпосереднього вживання (значення атрибутів конкретних елементів документа).
  3. Впишіть скрипт або скрипти в обрані місця документа. Для підключення зовнішнього скрипта використовуйте конструкцію виду:

    <script type=»text/javascript» src=»URIскріпта» charset=»кодіровка_документа»> </ script>

    де URIскріпта — дійсний URI, за яким доступний код сценарію, кодіровка_документа — ідентифікатор кодування символів коду сценарію, а значення атрибута type вказує на мову скрипта (формально, це mime-тип вмісту).

    Щоб додати в документ коду скрипта, використовуйте розмітку:

    <script type=»text/javascript»>

    <! -

    / / Код сценарію

    ->

    </ Script>

    в HTML-коментарях <! — і -> повинен знаходитися код на мові, ідентифікованої за допомогою значення атрибуту type.

    Для додавання скрипта на заслання, вкажіть як дескриптора протоколу URI цільового якоря значення, яке ідентифікує обробник, що передає дані ядру виконання сценаріїв, наприклад, «javascript:». В якості адреси цільового ресурсу слід вказати обчислюване значення мовою сценарію.

    У вбудованих обробники подій поміщається код скриптів на мові сценаріїв документа за замовчуванням, визначеному вмістом атрибута type елементу META зі значенням атрибута http-equiv, рівним Content-Script-Type або відповідним полем заголовка HTTP-відповіді сервера.