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

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

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

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

Інструкція

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

Тут в якості значення URI_скріпта повинен бути зазначений URI, що ідентифікує ресурс, з якого будуть завантажені дані сценарію.
Як значення атрибута charset слід вказати кодування символів скрипта, якщо вона відрізняється від кодування символів документа. Кодування документа визначається на підставі даних поля Content-Type заголовка HTTP-відповіді сервера або значення атрибута content елемента META з атрибутом http-equiv, встановленим в Content-Type.
Підключення скриптів подібним способом найчастіше проводиться в заголовку документа (елементи SCRIPT розташовуються усередині елемента HEAD) і негайне їх виконання не потрібно. У цьому випадку має сенс використовувати атрибут defer для відкладеної інтерпретації тексту сценарію.



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

Зверніть увагу на HTML-коментарі, що обрамляють код скрипта. Вони необхідні для забезпечення сумісності зі старими моделями браузерів.

3
Підключіть скрипт за допомогою вказівки "javascript:" як дескриптора протоколу URI цільового якоря елемента A. Створіть в документі посилання, зі значенням атрибута href виду:

javascript: lt; код_скріптаgt;

Тут в якості значення lt; код_скріптаgt; слід записати обчислюється вираз на мові сценаріїв javascript. При цьому кілька пропозицій мови можна об`єднати в один вираз за допомогою операторних дужок, наприклад:

text

При активації такого посилання будь-яким способом (користувачем або програмно) буде виконаний код впровадженого сценарію.




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

вміст елемента

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

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



Увага, тільки СЬОГОДНІ!


Оцініть, будь ласка статтю
Всього голосів: 188
Увага, тільки СЬОГОДНІ!