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

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

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

  • Создайте файл с расширением .js и поместите его в подпапку js. Размещение JavaScript файла в папке js не требуется, однако это хорошая практика.
  • Затем укажите путь к файлу скрипта в атрибуте src тега script.
<!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, после всего содержимого, как показано в примере.

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

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

<script src="js/script-1.js"></script>
<script src="js/script-2.js"></script>

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

results matching ""

    No results matching ""