javascript - 动态添加链接样式表

Question

如何将链接样式表引用添加到文档的开头？

我找到了这段代码，但它不适用于所有浏览器，它使我的 IE7 崩溃：

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

谢谢

Answer 1

Internet Explorer 将支持 innerHTML，尽管它添加了回流，这将起作用：

var headHTML = document.getElementsByTagName('head')[0].innerHTML;
headHTML    += '<link type="text/css" rel="stylesheet" href="style.css">';
document.getElementsByTagName('head')[0].innerHTML = headHTML;

Answer 2

在 IE 中，你可以试试 createStyleSheet 方法吗？这需要 URL 作为参数。我不知道 FF/chrome 中是否有等价物..

——森提尔

Answer 3

那是一个简单的交叉引用 javascript 错误。祝你今天过得愉快。