2015-12-26 133 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> 
相關問題