2015-12-26 3 views
-1

Я ищу способ включить css-файлы через переменную в html-файл.Есть ли способ включить css-файлы через переменную в файл HTML?

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

 Смежные вопросы

  • Нет связанных вопросов^_^