search

Подключение скрипта

hashtag
1. Подключение скрипта

Чтобы добавить скрипт на веб-страницу, в HTML-файле используется тег script, в атрибуте src которого указываем ссылку на внешний JavaScript-файл.

Чтобы подключить JavaScript из внешнего файла:

  • Создайте файл с расширением .js и поместите его в подпапку js. Размещение JavaScript файла в папке js не требуется, однако это хорошая практика.

  • Затем укажите путь к файлу скрипта в атрибуте src тега script.

hashtag
Awesome Feature Two

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>JavaScript is fun!</title>
  </head>

  <body>
    <!-- контент -->
    <script src="js/script.js"></script>
  </body>
</html>

При отображении HTML-документа, некоторое время может отображаться пустая страница. Дело в том, что фаза рендеринга страницы приостаналивается до тех пор, пока не будет полностью загружен скрипт (если он подключен в head). Чтобы этого избежать, необходимо подключать скрипт перед закрывающим тегом body, после всего содержимого, как показано в примере.

hashtag
2. Несколько скриптов

При подключении нескольких JavaScript-файлов к странице, интерпретатор обрабатывает их в том порядке, в котором они указаны в HTML-файле.

Браузер загружает и отображает HTML постепенно. Если браузер видит тег script, то по стандарту он обязан сначала выполнить его, и только потом обработать остальной код HTML-файла. Поэтому, интерпретатор будет последовательно обрабатывать файлы script-1.js и script-2.js.

PreviousЧто такое JavaScript?NextСинтаксис языка

Last updated