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

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

更新 ：根据规格，该

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的情况相同（请参见上面的代码）