我知道这是一个相当老的帖子，但这里是我的5美分。

根据您的需要，还有另一种方法可以做到这一点。

我有一个情况下，我想要一个css文件是活跃的，只有一段时间。比如css切换。激活css，然后在另一个事件后取消激活它。

而不是动态加载css然后删除它，你可以在新css的所有元素前添加一个Class/ id，然后只需切换css的基本节点的Class/ id(如body标签)。

你会用这个解决方案有更多的css文件最初加载，但你有一个更动态的方式切换css布局。

var fileref = document.createElement("link")
fileref.setAttribute("rel", "stylesheet")
fileref.setAttribute("type", "text/css")
fileref.setAttribute("th:href", "@{/filepath}")
fileref.setAttribute("href", "/filepath")

我用的是百里香叶，效果很好。谢谢

YUI库可能就是您正在寻找的。它还支持跨域加载。

如果你使用jquery，这个插件做同样的事情。

可以用于这个YUI库，也可以使用本文实现

下面是一个单行示例，使用纯JavaScript根据URL的文件名部分将CSS链接注入到head元素中:

document.head.innerHTML += '<link rel=“stylesheet” href=“css/style.css”>';

大多数浏览器都支持它。查看浏览器兼容性。

下面是jQuery的元素创建方法(我的偏好)和回调onLoad的方法:

var css = $("<link>", {
  "rel" : "stylesheet",
  "type" :  "text/css",
  "href" : "style.css"
})[0];

css.onload = function(){
  console.log("CSS IN IFRAME LOADED");
};

document
  .getElementsByTagName("head")[0]
  .appendChild(css);