Вирішіть, яким способом і в яке місце гіпертекстового документа повинен бути вставлений скрипт. Визначте завдання, що реалізуються сценарієм, а також оціните обсяг його кода.Многократно використовувані скрипти, які потрібно застосовувати у великій кількості документів, краще підключати із зовнішнього джерела. Сторінка буде містити лише посилання на ресурс сценарію в потрібному місці. Даний підхід дозволяє скоротити обсяг даних при завантаженні за рахунок кешування скриптів браузерамі.Скріпти невеликого об`єму можна вставити безпосередньо в тіло сторінки. Це гарантує їх негайне виконання при розборі документа браузером. Якщо ж блоки програмного коду дуже малі і повинні виконуватися при певних діях користувача, має сенс поміщати їх безпосередньо у вбудовані обробники подій або атрибути href посилань.

Вставте java-скрипт безпосередньо в тіло web-сторінки. У потрібне місце документа додайте елемент SCRIPT, що містить програмний код сценарію. Наприклад: Зверніть увагу на бажаність використання атрибута type. Він визначає тип вмісту елемента SCRIPT і вказує на необхідність його інтерпретації саме ядром виконання сценаріїв javascript. Коментарі HTML, що обрамляють код, призначені для запобігання його відображення застарілими агентами користувачів.

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

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

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

Вставте скрипт з зовнішнього джерела. Додайте в тіло документа або його розділ HEAD елемент SCRIPT із заданими атрибутами src і type. Наприклад, це можна зробити так: Значним атрибута src повинен бути URI, який вказує на ресурс, з якого будьте завантажений текст скріпта.Атрібут charset не обов`язковий. Він вказує кодування тексту сценарію. Але якщо він опущений, за значення кодування буде прийнято значення кодування документа, в який вставляється скрипт.

Вставте скрипт в текст сторінки. Використовуйте елемент SCRIPT, що містить усередині текст сценарію. Наприклад, це може виглядати так: Коментарі мови HTML, в які укладено програмний код, потрібні для сумісності зі старими браузерами. У документах XHTML в них можна використовувати XML-коментарі .

Вставте javascript-код у вбудовані обробники подій. Знайдіть в документі елемент, подія якого необхідно обробити. Додайте атрибут, який визначає відповідний обробник. Наприклад, атрибутом, що задає обробник кліка мишею по елементу, є onclick, обробник сигналу втрати фокусу - onblur, а натискання клавіші - onkeydown.

Впишіть код скрипта як текст, що задає значення доданого атрибута. Наприклад, щоб вивести повідомлення при кліці мишею по елементу DIV, можна використовувати наступну конструкцію:

Додайте скрипт в елемент href посилання. Значним href повинен бути URL, дескриптором протоколу якого є "javascript:", А адресною частиною - обчислюється вираз. наприклад:текст посилання Якщо необхідно використовувати декілька виразів, використовуйте операторний блок, який визначається дужками {і}.