JavaScript Include: Adding External Scripts to Your Website

JS include - это механизм, который позволяет подключать веб-странице внешние JavaScript файлы. Это удобно при создании сайтов, так как позволяет разделить код на различные файлы и использовать его в разных частях сайта.

Для того, чтобы подключить JS-файл в HTML-документе, используется тег script со следующей структурой:

Где path/to/script.js - путь до файла с кодом на JavaScript.

Например, если у нас есть файл main.js, находящийся в папке js, то код для подключения будет выглядеть следующим образом:

Также есть возможность использовать несколько файлов. В таком случае их нужно указать последовательно:

Также существует атрибут async, который указывает браузеру, что скрипт должен быть загружен асинхронно с остальным содержимым веб-страницы. Пример:

Использование async может быть полезно, если скрипт не влияет на критичные данные (например, отложенная загрузка рекламы), так как браузер не будет останавливать выполнение веб-страницы для загрузки файла.

Также есть атрибут defer, который гарантирует, что скрипт будет загружен после того, как веб-страница будет закончена загрузка. Пример:

Использование такого атрибута полезно, когда нужно выполнить скрипт, который зависит от содержимого веб-страницы.

Кроме того, есть возможность использовать встроенный JavaScript-к код непосредственно в HTML-документе с помощью тега script. В этом случае код помещается между тегами .

В итоге, использование механизма JS include очень важен при разработке веб-сайтов и позволяет существенно улучшить код, уменьшить его размер и повысить производительность веб-страницы.