Bitrix: как подключить js или css файл?

Чтобы подключить JavaScript и CSS файлы в bitrix существуют специальные методы addJs и addCss у класса \Bitrix\Main\Page\Asset. Давайте рассмотрим примеры их использования.

Подключение js файла

\Bitrix\Main\Page\Asset::getInstance()->addJs(SITE_TEMPLATE_PATH . "/js/custom.js");

Подключение css файла

\Bitrix\Main\Page\Asset::getInstance()->addCss(SITE_TEMPLATE_PATH . "/css/custom.css");

Таким способом можно подключать как локальные файлы так и внешние, например: https://example.com/custom.js .

Данный метод можно вызвать в любом месте: в header, footer, в файле страницы или раздела, в компоненте и нужный файл корректно подключится на страницу.

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