文章/答案/技术大牛

发布

社区首页 >问答首页 >在脚本标记中呈现样式表

问在脚本标记中呈现样式表
EN

Stack Overflow用户

提问于 2013-10-02 08:37:15

回答 2查看 81关注 0票数 0

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

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

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

javascript

css

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-10-02 08:40:16

是的，试试这个

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

Stack Overflow用户

发布于 2013-10-02 08:50:03

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/19133008

复制

相似问题

问在脚本标记中呈现样式表
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在脚本标记中呈现样式表EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在脚本标记中呈现样式表
EN