JavaScript (JS) є однією з найпопулярніших мов програмування веб-розробки. Він дозволяє створювати інтерактивні та динамічні веб-сторінки. Для використання JS веб-розробнику необхідно підключити файл зі скриптом на сторінку.
Існує кілька способів підключити файл із JS. Один із найпростіших способів – використання тега <script> у HTML документі. Необхідно вказати шлях до файлу зі скриптом в атрибуті src тега <script>.
Крім того, файл зі скриптом можна завантажити безпосередньо з файлу CSS з використанням функції @import. При використанні цього способу нам потрібно створити окремий CSS файл з розширенням .css. Потім нам необхідно додати рядок @import 'файл.js'; на початок нашого CSS файлу. Таким чином, файл зі скриптом буде завантажено та виконано при відкритті сторінки.
| Метод | Опис |
|---|---|
| Зовнішнє підключення | Підключення JavaScript-файлу через зовнішній файл за допомогою тега <script> |
| Внутрішнє підключення | Підключення JavaScript-коду прямо у тегу <script> на сторінці HTML |
| Атрибути async та defer | Атрибути, що використовуються для керування порядком виконання JavaScript-коду |
| Inline-скрипти | Підключення JavaScript-коду безпосередньо всередині тегів HTML |
Як підключити JavaScript файл?
Найпростіший спосіб підключити JavaScript файл використовувати HTML тег <script> . Спочатку підключається файл utils. js, потім – main. js.
Як підключити js файл у HTML?
Код JavaScript у тексті сторінки Щоб вбудувати JavaScript у HTML, відкриваємо файл HTML у будь-якому текстовому редакторі, додаємо теги <script>… </script>, між ними пишемо код програми. Потім зберігаємо файл (наприклад, skillbox. htm).
Як запустити JavaScript?
У інструментах розробника перейдіть на вкладку Консоль (Console). Тут уже можна писати код на JavaScript. Спробуйте ввести консоль. log("Hello, world!") і натисніть Enter, щоб запустити код.