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

Question

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

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

Answer 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>

Answer 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>

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

Is there a way to include css files through variable in HTML file?

css

html

template-engine