Подключение JS и CSS в 1С-Битрикс

Опубликовано автором

SITE_TEMPLATE_PATH — путь к шаблону определенному текущими условиями

На странице

подключение JS (устаревший вариант):

$APPLICATION->AddHeadScript(SITE_TEMPLATE_PATH . "/js/script.js");

подключение CSS (устаревший вариант):

$APPLICATION->SetAdditionalCSS(SITE_TEMPLATE_PATH . "/js/style.css", true);

подключение JS:

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

подключение CSS:

use Bitrix\Main\Page\Asset;
Asset::getInstance()->addCss(SITE_TEMPLATE_PATH . "/js/style.css", true);

Подключение мета тегов или сторонних файлов:

use Bitrix\Main\Page\Asset;
Asset::getInstance()->addString('<link rel="shortcut icon" href="/local/images/favicon.ico" />');

 

$templateFolder — путь к шаблону компонента

В компоненте

подключение JS:

$this->addExternalJs($templateFolder . "/js/script.js");

подключение CSS:

$this->addExternalCss($templateFolder . "/css/style.css");