Подключение файлов CSS, JS, и др.

Июнь 14, 2018

Теги: Файлы, Основное

Подключение JS скриптов, файлов стилей CSS, программного кода для области <head> или помещаемого в конец страницы.

За то, в какое место страницы будет помещены коды подключения скриптов (либо они будут объединены или подключены в виде единого файла), отвечают настройки главного модуля:

Настройки объединения скриптов в главном модуле
Подключение CSS файла, находящегося в шаблоне текущего сайта в подпапке "css":


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

Подключение JS скрипта, находящегося в шаблоне текущего сайта в подпапке "js":


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

Вставка произвольного фрагмента кода в область <head> или в конец страницы, в зависимости от настроек главного модуля:


\Bitrix\Main\Page\Asset::getInstance()->addString("<script>Run();</script>");

Подключение CSS, JS скриптов из шаблона компонента с учетом того, что html-код шаблона кешируется:


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

$this->addExternalJS(SITE_TEMPLATE_PATH."/js/script.js");

Вывод скриптов в области <head> непосредственно в header.php шаблона сайта (при соответствующих настройках сюда будут выведены только необходимые скрипты, а остальные подключены в конец страницы):


$APPLICATION->ShowHead();

Также возможен такой способ подключения скриптов (существовавший до ядра d7):


$APPLICATION->SetAdditionalCSS($APPLICATION->GetTemplatePath("css/style.css"));

$APPLICATION->AddHeadScript($APPLICATION->GetTemplatePath("js/script.js"));
$APPLICATION->AddHeadString('<link href="http://fonts.googleapis.com/css?family=PT+Sans:400&subset=cyrillic" rel="stylesheet" type="text/css">');

← Переход к списку