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

Скрипт на веб-сторінку, в 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>
PreviousІнструменти розробникаNextОснови синтаксису

Last updated