我正在使用CMS,它阻止我们编辑头部。我需要在标记之后立即向网站添加CSS样式表。有没有办法用JS做到这一点,我可以在页面底部添加一个脚本(我可以在标记之前添加脚本),然后将样式表注入到头部?
更新 :根据规格,该link元素不允许出现在体内。但是,大多数浏览器仍会很好地呈现它。因此,要回答的意见问题- 一个真正具有添加link到head页面,而不是的body。
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的情况相同(请参见上面的代码)