Правильное добавление CSS и JS файлов в битрикс

В битриксе, в компонентах, есть возможность подключения js и css кода, используя файлы style.css и script.js, которые лежат в компоненте шаблона. Иногда этих файлов бывает недостаточно, мы можем подключить дополнительные стили или скрипты несколькими способами: Путем включения файла в шаблоне компонента:
<link href="/local/styles.css" type="text/css" rel="stylesheet" />
<script src="/local/script.js"></script>

Выполнив код в самом компоненте:
// для css
$APPLICATION->SetAdditionalCss("/local/styles.css");
// для js
$APPLICATION->AddHeadScript('/local/script.js');

При вызове этого метода данный подключаемый файл окажется в секции <head></head> сайта (в случае если не указан перенос скриптов в конец кода, для js)
Была возможность также подключать необходимы файлы в файле component_epilog.php, в этом случае подключение не кешируется, и можно, например, предоставить возможность редактировать файл сторонним разработчикам:
SetAdditionalCss("/local/styles.css");

И самый правильный метод, в файле шаблона template.php, этот метод стал доступен с версии 15.5.1:
$this->addExternalCss("/local/styles.css");
$this->addExternalJS("/local/script.js");

Вот еще способ с использованием ядра D7
addJs((SITE_TEMPLATE_PATH."/js/script.js"); 
 Asset::getInstance()->addCss(SITE_TEMPLATE_PATH."/css/style.css"); 
?>

Вот таким способом мы можем вставить целую строку в раздел на сайте, этот способ может быть удобен при необходимости вставки какого то другого кода, например, cannonical
Asset::getInstance()->addString('<meta prop="name" content="value/>');


Статьи на тему: Оставить комментарий
x
Комментарий успешно отправлен и будет доступен после проверки модератором!