使用主体中的javascript将样式表添加到Head

Question

我正在使用CMS，它阻止我们编辑头部。我需要在标记之后立即向网站添加CSS样式表。有没有办法用JS做到这一点，我可以在页面底部添加一个脚本（我可以在标记之前添加脚本），然后将样式表注入到头部？

Answer 1

更新 ：根据规格，该link元素不允许出现在体内。但是，大多数浏览器仍会很好地呈现它。因此，要回答的意见问题-
一个真正具有添加link到head页面，而不是的body。

function addCss(fileName) {

  var head = document.head;
  var link = document.createElement("link");

  link.type = "text/css";
  link.rel = "stylesheet";
  link.href = fileName;

  head.appendChild(link);
}

addCss('{my-url}');

或使用jQuery轻松一点

function addCss(fileName) {
   var link = $("<link />",{
     rel: "stylesheet",
     type: "text/css",
     href: fileName
   })
   $('head').append(link);
}

addCss("{my-url}");

原始答案 ：

您不必将其添加到头部，只需将其添加到body标签的末尾即可。

$('body').append('<link rel="stylesheet" type="text/css" href="{url}">')

正如Juan Mendes所说，您可以将样式表插入头部

$('head').append('<link rel="stylesheet" type="text/css" href="{url}">')

和没有jQuery的情况相同（请参见上面的代码）