Як підключити javascript файл до html документу

Код javacript може перебувати як усередині html-документа, так і в окремому файлі формату * .js.

Проблема, яка дуже часто з'являється у початківців користувачів:

Як підключити javacript-код або файл до html документу?

У цій невеликій замітці ми розглянемо, як це можна зробити.

Нехай вміст файлу html буде наступне:

Тепер код, який необхідно підключити:

Тобто цей скрипт просто повинен вивести спливаюче вікно з повідомленням, що "Javacript підключений" при відкритті файлу html-документа.

Отже, розглядаємо два варіанти підключення скрипта.

Варіант №1: під'єднання всередині html-файлу.

Робиться це за допомогою конструкції:

Вставимо цей код можна всередині тега , або всередині тега .

У підсумку, вміст html файлу може буть таким:

Перевіряємо, що все працює:

Відмінно. Вікно з повідомленням з'явилося.

Варіант №2: під'єднання зовнішнього файлу скрипта з кодом.

У підсумку, маємо два файли index.html і script.js, які знаходяться в одній папці.

Як тепер підключити скрипт до html файлу?

В цьому випадку потрібно скористатися тегом

Так як файл скрипта script.js знаходиться в тій же папці, що і файл index.html, то html-код може бути наступним:

Як правило, скрипти підключаються в області документа.