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


 

Сьогодні практично всі браузери дозволяють використовувати клієнтські сценарії на мові JavaScript. За допомогою подібних скриптів можна створювати чудові динамічні ефекти на web-сторінках. Щоб зробити це, потрібно вкласти java-скрипт в документ.


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

— можливість зміни вмісту документа, в який потрібно вставити скрипт.

Інструкція

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

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

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

  2. Вставте java-скрипт безпосередньо в тіло web-сторінки. У потрібне місце документа додайте елемент SCRIPT, що містить програмний код сценарію. Наприклад:


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

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


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

  4. Увімкніть java-скрипт код в атрибут href посилань або атрибути, що задають вбудовані обробники подій елементів. Використовуйте дескриптор протоколу javascript: у разі посилань, наприклад:

    посилання

    У обробники подій код може бути доданий без особливих змін:

    onmouseup = "document.title = 'Клавіша миші відпущена';"
    onclick = "document.title = 'Клік мишею';"
    ondblclick = "document.title = 'Подвійний клік мишею';"
    style = "width: 100px; height: 100px; background: # CCCCCC">

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