javascript - 在脚本标签内渲染样式表

Question

我有一个要求，根据需要呈现样式表的条件。

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

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

Answer 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";
 }

Answer 2

您可以动态创建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>