Yandex Metrika
sanches.free 19 просмотров

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

Материал

Подключение 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">');

Не хотите копаться сами?

Починю за 1-3 дня. Без предоплаты — оплата по результату.

15+ лет опыта с 1С-Битрикс · Без предоплаты · 7 дней гарантии