有没有办法通过HTML文件中的变量来包含css文件?
问题描述:
我正在寻找一种方法来通过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>
答
你可以做到这一点使用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>
答
这也适用....
<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>
用什么语言?你在'php'级别(服务器端)执行此操作,还是希望在页面加载后通过'javascript'(客户端)执行此操作?对于这两个,答案是**是的,这是可能的**。 –
我会在客户端和页面加载之前做。 – demavend
这个问题在这里是可行的http://*.com/questions/574944/how-to-load-up-css-files-using-javascript –