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, в файле страницы или раздела, в компоненте и нужный файл корректно подключится на страницу.
В чем преимущества? Во-первых, так ваш код остается чистым и аккуратным. Во-вторых, это помогает избежать лишних проблем с кэшированием и загрузкой файлов. И в-третьих, это просто удобно и быстро.
Если есть вопросы, что-то в статье не понятно или нашли ошибку, напишите об этом в комментариях, все комментарии читаются и по возможности материал будет доработан.
Популярные статьи
Порой нужно получить сформированный с помощью ORM sql запрос. Например чтобы проверить, что выбираются нужные данные с нужными фильтрами. Для таких случаев предусмотрен метод startTracker(). Подробнее о том как его использовать описано в статье.
Google Keep — универсального инструмента для создания и организации заметок. В статье рассмотрены основные возможности сервиса.
Узнайте, как использовать свойство CSS filter с параметром grayscale для создания черно-белых изображений. В статье написано как применять это свойство и есть наглядный пример его работы.
В этой статье мы рассмотрим реальный пример использования ИИ (chatGpt, gigachat,YandexGPT) в работе для решения вопрос по верстке (css)
В статье приводится пример кода получения языковых настроек пользовательского поля.
Функция для вывода календаря на заданный месяц и пример её использования.
Комментарии
Влад [20.09.2024]
А как же старый метод?