在脚本标记内渲染样式表

时间:2013-10-02 08:37:16

标签: javascript css

我有一个要求,根据我需要渲染样式表的条件。

<script type="text/javascript">
 var isWelcomePage = window.location.pathname.match(/^\welcome/);
 if(isWelcomePage){
   <link rel="stylesheet" type="text/css" href="welcome.css"/>
 }
</script>

这可能吗?还是有更好的方法吗?

2 个答案:

答案 0 :(得分:1)

是的,试试这个

HTML

   <link rel="stylesheet" type="text/css" href="" id="updatable-css" />

JAVASCRIPT

var isWelcomePage = window.location.pathname.match(/^\welcome/);
 if(isWelcomePage){
   document.getElementById('updatable-css').href = "welcome.css";
 }

答案 1 :(得分:1)

您可以动态创建link代码,试试这个:

<script type="text/javascript">
 var isWelcomePage = window.location.pathname.match(/^\welcome/);
 if(isWelcomePage) {
    var link = document.createElement('link');
    link.href = 'welcome.css';
    link.rel = 'stylesheet';
    link.type = 'text/css';

    document.head.appendChild(link);
 }
</script>