javascript - 使用javascript加载css文件

Question

我是 JavaScript 的新手。我正在尝试使用以下 javascript 代码加载 .css 文件，但它似乎无法正常工作。

var myCss = document.createElement("link");
myCss.type = "text/css";
myCss.rel = "stylesheet";
myCss.href = "mycss.css";
document.getElementsByTagName("head")[0].appendChild(myCss);

有人可以帮忙吗？谢谢。

Answer 1

你在 stackoverflow 中有另一个关于它的问题，你可以在这里找到它: How to load up CSS files using Javascript?

正如 user58777 所说，这是一种“老派”的做法。 (学分归于他)

他的代码:

var $ = document; // shortcut
var cssId = 'myCss';  // you could encode the css path itself to generate id..
if (!$.getElementById(cssId))
{
    var head  = $.getElementsByTagName('head')[0];
    var link  = $.createElement('link');
    link.id   = cssId;
    link.rel  = 'stylesheet';
    link.type = 'text/css';
    link.href = 'http://website.com/css/stylesheet.css';
    link.media = 'all';
    head.appendChild(link);
}