Подключение внешнего файла JavaScript

Опубликовано: 10.07.2017

Последнее обновление: 1.11.2015

Еще один способ подключения кода JavaScript на веб-страницу представляет вынесение кода во внешние файлы и их подключение с помощью тега <script>

Итак, в прошлой теме мы создали html-страницу index.html, которая находится в каталоге app. Теперь создадим в этом каталоге новый подкаталог. Назовем его js . Он будет предназначен для хранения файлов с кодом javascript. В этом подкаталоге создадим новый текстовый файл, который назовем myscript.js . Файлы с кодом javascript имеют расширение .js . То есть у нас получится следующая структура в папке app:

Урок 2. Подключение JavaScript при помощи внешнего файла

Откроем файл myscript.js в текстовом редакторе и определим в нем следующий код:

var date = new Date(); // получаем текущую дату var time = date.getHours(); // получаем текущее время в часах if(time < 13) // сравниваем время с число 13 alert('Доброе утро!'); // если время меньше 13 else alert('Добрый вечер!'); // если время равно 13 и больше

Для совместимости с кодировкой страницы index.html для файла с кодом javascript также желательно устанавливать кодировку utf-8.

JavaScript №3 | Подключение внешнего JavaScript файла

Здесь уже больше выражений языка javascript. Первое выражение получает текущую дату и присваивает ее переменной date. С помощью второй инструкции получаем время в часах. Дальше мы сравниваем полученное время с числом 13 и в зависимости от результатов проверки выводим первое или второе сообщение.

Теперь подключим этот файл на веб-страницу index.html:

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>JavaScript</title> </head> <body> <h2>Первая программа на JavaScript</h2> <script src="js/myscript.js"></script> </body> </html>

Чтобы подключить файл с кодом javascript на веб-страницу, применяется также тег <script>, у которого устанавливается атрибут src . Этот атрибут указывает на путь к файлу скрипта. В нашем случае используется относительный путь. Так как веб-страница находится в одной папке с каталогом js, то в качестве пути мы можем написать js/myscript.js .