有没有办法通过 HTML 文件中的变量包含 css 文件？答案

【问题标题】：Is there a way to include css files through variable in HTML file?有没有办法通过 HTML 文件中的变量包含 css 文件？
【发布时间】：2015-12-26 04:15:36
【问题描述】：

我正在寻找一种通过 html 文件中的变量包含 css 文件的方法。

<html>
  <head>
    <!-- variable = "/css/style.css" -->
    <link rel="stylesheet" href=variable>
    <link rel="stylesheet" href=variable>
  </head>
  <body>
    <!-- Do anything -->
  </body>
</html>

【问题讨论】：

用什么语言？您是在php 级别（服务器端）执行此操作，还是希望在页面加载后通过javascript（客户端）执行此操作？两者的答案都是是的，有可能。
我会在客户端和页面加载之前做。
这个问题在这里stackoverflow.com/questions/574944/…
神族头像加一个

标签： css html template-engine

【解决方案1】：

您可以使用 JavaScript 来做到这一点...创建一个 JavaScript 变量并根据其值更改 href 属性的值，如下所示

<link href="url.css" id="selector" type="text/css" />
<script> var variable = 'value`;  </script>
...
<script>
if (variable) {  // Or whatever you need to do
  document.getElementById("selector").href = "another.css";
}
</script>

【讨论】：

很简单。为什么我不知道这种方式。

【解决方案2】：

这也有效....

 <script type="text/javascript">
                    var target = document.createElement("script");
                    target.type = "text/javascript";
                    target.src = "script/knockout.js";
                    document.getElementById('head').appendChild(target);

                    var cssTar = document.createElement("link");
                    cssTar.rel = "stylesheet";
                    cssTar.type = "text/css";
                    cssTar.href = "Scripts/StyleSheet1.css";
                    document.getElementById('headid').appendChild(cssTar);
           </script>

【讨论】：