Подключение стилей и скриптов D7

Bitrix / Bitrix24
css js
Фото аватара
Александр

Подключение стилей и скриптов в шаблоне

Правильное подключение на примере:

use Bitrix\Main\Page\Asset;
// Для подключения css
Asset::getInstance()->addCss("/bitrix/css/main/bootstrap.min.css");
// Для подключения скриптов
Asset::getInstance()->addJs(SITE_TEMPLATE_PATH . "/js/myscripts.js");
// Подключение мета тегов или сторонних файлов
// Подключение мета тегов или сторонних файлов
Asset::getInstance()->addString("<link rel='shortcut icon' href='/local/images/favicon.ico' />");

Подключение стилей и скриптов в шаблонах компонентов

Если нужно подключить стили и скрипты, внутри шаблонов компонентов. Например, вы используете слайдер, на основе списка новостей: у него может быть много js и css и не целесообразно подключать глобально ко всему сайту.
Можно воспользоваться такой конструкцией:

$this->addExternalCss("/local/styles.css");
$this->addExternalJS("/local/liba.js");
$this->addExternalCss("/local/styles.css");
$this->addExternalJS("/local/liba.js");

Кроме того. Внутри ядра 1С-Битрикс есть вспомогательные скрипты и библиотеки: jQuery, Vue, font-awesome итд. Например, четвертый bootstrap и шрифт opensans можно подключить так:
\Bitrix\Main\UI\Extension::load(«ui.bootstrap4»);

\Bitrix\Main\UI\Extension::load([
    'ui.fonts.opensans',
    'ui.bootstrap4'
]);