Як підключити ява скрипт

Як підключити ява скрипт

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

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

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

Інструкція

  1. Підключіть до документа скрипт із зовнішнього джерела, що адресується відомим URI. Використовуйте HTML-елемент SCRIPT із заданим значенням атрибуту src. Відредагуйте документ, додавши в нього конструкцію виду:

    <script type=»text/javascript» src=»URI_скріпта» charset=»кодіровка_скріпта»> </ script>

    Тут як значення URI_скріпта повинен бути зазначений URI, що ідентифікує ресурс, з якого будуть завантажені дані сценарію.

    Як значення атрибута charset слід вказати кодування символів скрипта, якщо вона відрізняється від кодування символів документа. Кодування документа визначається на підставі даних поля Content-Type заголовка HTTP-відповіді сервера або значення атрибута content елемента META з атрибутом http-equiv, встановленим в Content-Type.

    Підключення скриптів подібним способом часто проводиться в заголовку документа (елементи SCRIPT розташовуються всередині елемента HEAD) і негайне їх виконання не потрібно. У цьому випадку має сенс використовувати атрибут defer для відкладеної інтерпретації тексту сценарію.
  2. Підключіть скрипт, впровадивши його безпосередньо в документ. Додайте в розмітку документа елемент SCRIPT, що має вміст, що являє собою JavaScript-код. Використовуйте конструкцію виду:

    <script type=»text/javascript»>

    <! -

    / / Текст коду сценарію

    / / Текст коду сценарію

    / / Текст коду сценарію

    ->

    </ Script>

    Зверніть увагу на HTML-коментарі, що обрамляють код скрипта. Вони необхідні для забезпечення сумісності зі старими моделями браузерів.
  3. Підключіть скрипт за допомогою вказівки «javascript:» як дескриптора протоколу URI цільового якоря елемента A. Створіть у документі посилання, зі значенням атрибута href види:

    javascript: <код_скріпта>

    Тут як значення <код_скріпта> слід записати обчислюване вираз мовою сценаріїв JavaScript. При цьому кілька пропозицій мови можна об’єднати в один вираз за допомогою операторних дужок, наприклад:

    <a href=»javascript:{ var a =’text text text’; alert(a); }»> text </ a>

    При активації такого посилання будь-яким способом (користувачем або програмно) буде виконаний код впровадженого сценарію.
  4. Додайте скрипти в документ в якості коду вбудованих обробників подій елементів. Для цього визначте вбудовані обробники потрібних подій вибраних елементів за допомогою додавання цих елементів відповідних атрибутів. Як значення атрибутів введіть фрагменти JavaScript-коду. Наприклад, додати код в якості обробника події одинарного клацання мишею по елементу DIV, можна таким чином:

    <div onclick=»alert(‘Работает код обробника !’);»> Вміст елемента </ div>

    З переліком подій елементів, які повинні підтримуватися конформними користувацькими агентами, можна ознайомитися в розділах Events специфікацій об’єктних моделей документів рівнів 2 і 3 (DOM2 і DOM3) на сайті консорціуму W3C w3c.org.

Корисні поради

Для отримання більш докладної інформації про використання HTML-елемента SCRIPT, ознайомтеся з останньою версією специфікації мови розмітки HTML на сайті w3c.org.