2015-12-26 20 views
-1

我正在寻找一种方法来通过HTML文件中的变量包含css文件。有没有办法通过HTML文件中的变量来包含css文件?

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

用什么语言?你在'php'级别(服务器端)执行此操作,还是希望在页面加载后通过'javascript'(客户端)执行此操作?对于这两个,答案是**是的,这是可能的**。 –

+0

我会在客户端和页面加载之前做。 – demavend

+1

这个问题在这里是可行的http://stackoverflow.com/questions/574944/how-to-load-up-css-files-using-javascript –

回答

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> 
+0

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

+0

编辑toypo。 'selector' not'selectpr' – Trix

+0

@torazaburo谢谢你指出 –

0

这也适用....

<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> 
相关问题