Как подключить внешний CSS/JS для одной страницы?

Question

[Алексей]

Написано что надо разместить в хидере

<link rel='stylesheet' id='yyy-css' href='https://yyy.js/' type='text/css' media='all' />

Но ради одной страницы не хочется это делать.
Ка можно подключить для одной страницы без использования link ?

Comments

[Сергей Герасимов]

Подключайте динамически ваши стили и скрипты. Создайте в хедере/футере стек для них и при генерации страницы закидывайте в него ваши данные.

[Алексей]

Сергей Герасимов, Как?

[Сергей Герасимов]

Алексей selftrips.ru, зависит от вашей реализации, языка программирования, используемой CMS/фреймворка и т.п.

Например так:
1. В моделе получаем данные о странице - это будет объект или массив данных, в котором также будет информация о необходимости подключения дополнительных скриптов (зависимостей)
2. В контроллере вызываем необходимый шаблон и передаем эти данные во вьюшку.
3. Во вьюшке заполняем шаблон, распеделяя полученные данные, в том числе, вставляем необходимые стили в хедер.

Или костыльная реализация:
При формировании хедера проверяем адрес страницы (например через серверную переменную) и в случае если адрес соответствует необходимой страницы - добавляем необходимые стили...

Answer 1

[Paul Denisevich]

Используйте import:

<style>
@import('CSS_FILE_PATH_OR_URL');
</style>

Comments

[Алексей]

id='yyy-css куда вставить?

[Paul Denisevich]

Алексей selftrips.ru, а это точно нужно? Если да, то только через Iink. Его не обязательно вставлять в head, можно в тело страницы. Файл будет загружен, просто не валидно и не по фэншую.

[Алексей]

Paul Denisevich,
1/ а какие последствия от невалидности?

2/ Видимо настолько невалидно, что когда с текствого режима в визульный в редакторе переключаюсь wordpress удаляет эту строчку!

3/ а что делает этот id ?

[Александр Алексеев]

1) валидатор будет выдавать ошибку на этой строке и это наверное все
2) редакторы любят удалять лишние (по их мнению) теги и это лечится
3) по id можно обратиться js-ом к тегу и изменить его или удалить