JavaScript (JS) є однією з найпопулярніших мов програмування, яка використовується для створення інтерактивних веб-сайтів і надання їм динаміки. Однак, щоб використовувати JS на веб-сторінці, необхідно правильно під’єднати його до HTML-документа.
У цій статті ми розглянемо кілька способів підключення JS до HTML і розповімо про їхні особливості. Один із найпоширеніших способів – це вставка коду JS безпосередньо в HTML-документ за допомогою тега <script> . Цей тег може бути розміщений у секції <head> або <body> , залежно від того, коли потрібно завантажити та виконати JS-код.
Ще один спосіб – це підключення зовнішнього JS-файлу до HTML-документа за допомогою атрибута src тега <script> . У цьому випадку, JS-код знаходиться в окремому файлі з розширенням .js, який повинен бути розміщений в одній папці з HTML-документом або в іншому місці, зазначеному в атрибуті src .
| Метод підключення | Опис |
|---|---|
| Зовнішнє підключення | Створити окремий файл із розширенням .js, написати в ньому скрипт і підключити його до HTML за допомогою тега |
| Внутрішнє підключення | Написати скрипт безпосередньо в HTML за допомогою тега |
| Inline-підключення | Написати скрипт безпосередньо в HTML за допомогою атрибута |
Вставка JavaScript безпосередньо в HTML-файл Ви можете зробити це шляхом використання тегів <script></script>, які повинні обрамляти весь код JS, що ви пишете . JS код може бути вставлений: між тегами <head> між тегами <body>23 травня 2018 р.