HTML (HyperText Markup Language) – це мова розмітки, яка використовується для створення веб-сторінок. Вона надає нам можливість визначити структуру та зміст документа, а також додати до нього різні елементи, такі як зображення, посилання та таблиці. Однак, іноді нам може знадобитися додати веб-сторінці додаткову функціональність, яку HTML сам по собі не може забезпечити. Для цього ми можемо використовувати скриптові файли, написані мовою програмування JavaScript.
JavaScript – це мова програмування, яка дає змогу створювати інтерактивні елементи на веб-сторінці. Її можна використовувати для створення складних функцій, анімацій, перевірки даних і багато чого іншого. Щоб веб-сторінка могла використовувати JavaScript, необхідно підключити відповідний скриптовий файл.
Існує кілька способів підключення скриптових файлів у HTML-документі. Один із найпоширеніших способів – використання тега <script> . Цей тег дає змогу визначити, де розташований скриптовий файл і як його підключити.
Метод підключення скриптів | Опис | Приклад |
---|---|---|
Вбудований | Скрипт знаходиться безпосередньо всередині HTML-документа |
|
Зовнішній | Скрипт міститься в окремому файлі та підключається за допомогою атрибута src |
|
Асинхронний | Скрипт завантажується і виконується асинхронно, не блокуючи завантаження сторінки |
|
Відкладений | Скрипт завантажується асинхронно, але виконання відбувається після завантаження і парсингу HTML |
|
Ви можете зробити це шляхом використання тегів <script></script>, які повинні обрамляти весь код JS, який ви пишете . JS код може бути вставлений: між тегами <head> між тегами <body>23 травня 2018 р.
Як підключати скрипт у HTML
Щоб підключити кілька скриптів, використовуйте кілька тегів: < script src = " /js/script1. js " > </script > < script src = " /js/script2 .
Як додати файл JavaScript у HTML?
Зробити це можна трьома способами:
- розмістити JS-код усередині парного тега <script> ;
- підключити зовнішній файл ;
- прописати код прямо всередині HTML-тега, використовуючи спеціальні атрибути.
Як запустити скрипт із HTML?
Програми на JavaScript можна вставити в будь-яке місце HTML-документа за допомогою тега <script> . Ви можете запустити приклад, натиснувши на кнопку “Play” у верхньому правому куті блоку з кодом вище. Тег <script> містить JavaScript-код, який автоматично виконається, коли браузер його обробить.