Bitrix: как подключить js или css файл?
Чтобы подключить JavaScript и CSS файлы в bitrix существуют специальные методы addJs и addCss у класса \Bitrix\Main\Page\Asset. Давайте рассмотрим примеры их использования.
Подключение js файла
\Bitrix\Main\Page\Asset::getInstance()->addJs(SITE_TEMPLATE_PATH . "/js/custom.js");
Подключение css файла
\Bitrix\Main\Page\Asset::getInstance()->addCss(SITE_TEMPLATE_PATH . "/css/custom.css");
Таким способом можно подключать как локальные файлы так и внешние, например: https://example.com/custom.js .
Данный метод можно вызвать в любом месте: в header, footer, в файле страницы или раздела, в компоненте и нужный файл корректно подключится на страницу.
В чем преимущества? Во-первых, так ваш код остается чистым и аккуратным. Во-вторых, это помогает избежать лишних проблем с кэшированием и загрузкой файлов. И в-третьих, это просто удобно и быстро.
Если есть вопросы, что-то в статье не понятно или нашли ошибку, напишите об этом в комментариях, все комментарии читаются и по возможности материал будет доработан.
Популярные статьи
Google Keep — универсального инструмента для создания и организации заметок. В статье рассмотрены основные возможности сервиса.
В этой статье мы рассмотрим реальный пример использования ИИ (chatGpt, gigachat,YandexGPT) в работе для решения вопрос по верстке (css)
В статье приводится пример того как можно получить путь до зарегистрированного файла по его ID с помощью метода CFile::getPath($fileId). Так же показано где можно получить ID зарегистрированного файла.
Что такое центральный банк и как он влияет на экономику? Узнайте о функциях, задачах и механизмах работы центрального банка. О том как центральный банк регулирует финансовую систему и обеспечивает стабильность экономики.
HighloadblockHelper облегчает работу с Highload-блоками в Bitrix делая код чище и понятнее.
В статье приводится пример кода с описанием параметров для открытия страницы в слайдере.
Комментарии
Влад [20.09.2024]
А как же старый метод?