首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在body中使用javascript将样式表添加到Head

在body中使用javascript将样式表添加到Head
EN

Stack Overflow用户
提问于 2012-08-07 02:21:49
回答 1查看 87.2K关注 0票数 29

我正在使用一个CMS,它阻止我们编辑head部分。我需要添加css样式表到网站,就在标签之后。有没有办法用JS实现这一点,我可以在页面的底部添加一个脚本(我有权在标签之前添加脚本),然后将样式表注入head部分?

EN

回答 1

Stack Overflow用户

发布于 2016-01-08 06:40:46

这将以一种智能的方式做你想要的事情。同样使用纯JS。

代码语言:javascript
复制
function loadStyle(href, callback){
    // avoid duplicates
    for(var i = 0; i < document.styleSheets.length; i++){
        if(document.styleSheets[i].href == href){
            return;
        }
    }
    var head  = document.getElementsByTagName('head')[0];
    var link  = document.createElement('link');
    link.rel  = 'stylesheet';
    link.type = 'text/css';
    link.href = href;
    if (callback) { link.onload = function() { callback() } }
    head.appendChild(link);
}
票数 20
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11833759

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档