Добавление css href link Динамически в заголовке

Question

Я хочу добавить ссылку css href динамически в заголовок после проверки определенного URL в окне. например

когда я открываю

red.abc.com

ссылка css href динамически загружается / добавляется в заголовок

<link href="red.css" rel="stylesheet">

и с

abc.com

эту ссылку CSS следует отключить или удалить.

Answer 1

console.log(window.location.origin)

Добавить файл css в заголовок

U можете просто добавить ваше условие:

if(window.location.origin == "example.com")
 // condition 

Answer 2

Это может помочь вам добавить ссылку, как вы ожидали, на страницу.

if (window.location.origin === "red.abc.com") {
  var link = document.createElement('link');
  link.rel = 'stylesheet';
  link.href = window.location.origin + 'red.css';
  document.head.appendChild(link);
}

Answer 3

Вы можете сделать это с помощью php, легко. Получить свой URL, чем взорвать его и принять участие вам нужно. Когда вы получите эту часть, добавьте ее в varaible и поместите в ссылку

$url = $_SERVER['REQUEST_URI'];
$urlExploded = explode($url, '.');
$link = $urlExploded[1];

<link href="/css/<?php echo $link ?>.css">

Мой опыт использования JS с этими тегами не очень хорош, так что, возможно, некоторые из парней из JS могли бы вам помочь.