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, в файле страницы или раздела, в компоненте и нужный файл корректно подключится на страницу.

В чем преимущества? Во-первых, так ваш код остается чистым и аккуратным. Во-вторых, это помогает избежать лишних проблем с кэшированием и загрузкой файлов. И в-третьих, это просто удобно и быстро.

Рубрики: Bitrix

Если есть вопросы, что-то в статье не понятно или нашли ошибку, напишите об этом в комментариях, все комментарии читаются и по возможности материал будет доработан.
Популярные статьи

Bitrix Вывести sql запрос

Порой нужно получить сформированный с помощью ORM sql запрос. Например чтобы проверить, что выбираются нужные данные с нужными фильтрами. Для таких случаев предусмотрен метод startTracker(). Подробнее о том как его использовать описано в статье.

Обзор google keep

Google Keep — универсального инструмента для создания и организации заметок. В статье рассмотрены основные возможности сервиса.

Магия CSS: сделать изображение чёрно-белым

Узнайте, как использовать свойство CSS filter с параметром grayscale для создания черно-белых изображений. В статье написано как применять это свойство и есть наглядный пример его работы.

Пример использования chatGpt в работе: flex order

В этой статье мы рассмотрим реальный пример использования ИИ (chatGpt, gigachat,YandexGPT) в работе для решения вопрос по верстке (css)

Bitrix получить языковые настройки пользовательского поля

В статье приводится пример кода получения языковых настроек пользовательского поля.

PHP календарь на месяц

Функция для вывода календаря на заданный месяц и пример её использования.

Комментарии

Влад [20.09.2024]
А как же старый метод?
Данный сайт использует файлы cookies. Продолжая просмотр сайта, вы соглашаетесь с использованием файлов cookies.
ОК