JavaScript
  • 🧑‍💻Full-Stack Web Developer
  • 📚Теорія
    • 1️⃣Змінні і типи
      • Знайомство з JavaScript
      • Інструменти розробника
      • Підключення скрипту
      • Основи синтаксису
      • Змінні і типи
      • Взаємодія з користувачем
      • Основні оператори
      • Числа
      • Рядки
      • Логічні операції
    • 2️⃣Розгалудження і цикли
      • Розгалуження
      • Тернарний оператор
      • Інструкція switch
      • Область видимості
      • Цикли
    • 3️⃣Масиви
      • Масиви
      • Ітерація по масиву
      • Присвоєння за посиланням і значенням
      • Методи масиву
    • 4️⃣Функції
      • Функції
      • Стек викликів
    • 5️⃣Обʼєкти
      • Обʼєкти
      • Перебирання обʼєкта
      • Масив обʼєктів
      • Операції spread і rest
      • Деструктуризація обʼєктів
      • Деструктуризація масивів
      • Паттерн "обʼєкт параметрів"
    • 6️⃣Колбек-функції, стрілкові функції, перебір масиву
      • Колбек-функції
      • Метод forEach
      • Стрілкові функції
      • Підходи до написання коду
      • Чисті функції
    • 7️⃣Перебираючі методи масивів
      • Перебираючі методи масиву
      • Метод map()
      • Метод flatMap()
      • Метод filter()
      • Метод find()
      • Метод findIndex()
      • Методи every() і some()
      • Метод reduce()
      • Метод sort()
      • Ланцюжки методів
    • 8️⃣Контекст, прототипи та класи
      • Контекст виконання функції
      • Правила визначення this
      • Методи функцій
      • Об'єктно-орієнтоване програмування
      • Прототипне наслідування
    • Класи
  • 👷Практика
    • 👷Практика
    • Page 1
  • Про мене
    • Про мене
Powered by GitBook
On this page
  1. Теорія
  2. Змінні і типи

Підключення скрипту

PreviousІнструменти розробникаNextОснови синтаксису

Last updated 1 year ago

Скрипт на веб-сторінку, в HTML-файлі додають за допомогою тегу script. В його атрибуті src вказують шлях на зовнішній файл JavaScript.

Порядок підключення JavaScript-файлу до HTML-документу:

  • Створити файл з розширенням .js у теці з назвою js.

  • У файлі HTML вказати шлях до файлу скрипту в атрибуті src тегу script.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>HTML with connected JavaScript</title>
  </head>

  <body>
    <!--webpage content -->
    <script src="js/script.js"></script>
  </body>
</html>

Назва теки для розміщення файлів скриптів не принципова. Та і взагалі саме створення теки не принципове. Але це правило хорошого тону програміста групувати файли скриптів в окрему теку.

На прикладі вище видно, що скрипт під'єднано укінці перед самим закриттям тегу <body> після всього вмісту. Так роблять для швидшого рендерингу сторінки. Якщо скрипт підʼєднати у тезі <head>, то відтворення сайту зупиниться поки не виконається весь скрипт. Адже браузер завантажує і відображає сайт покроково тег за тегом. Якщо браузер побачить <script> без додаткових атрибутів, то не продовжить роботу поки не закінчить його виконання і тільки після цього продовжить обробляти подальший код HTML-сторінки.

Підʼєднання декількох скриптів

До HTML-сторінки можна підʼєднати декілька JavaScript-файлів. Браузер їх обробляє у вказаному порядку.

<script src="js/script-1.js"></script>
<script src="js/script-2.js"></script>
📚
1️⃣
​