javascript - 将css注入页面而不使用onload（IE）？

Question

我编写了一个小部件，它依赖于必须将 css 文件注入到 html 页面上。

我正在使用以下代码注入 css-sheet：

                var link = document.createElement("link");
                link.href = "http://myurl.com/style.css";
                link.rel = "stylesheet";
                document.body.appendChild(link);

这适用于除 IE 之外的所有浏览器，要在 IE 中使用，我必须执行以下操作：

窗口.onload

像这样：

window.onload=function() {
    //inject here
}

我想找到一种无需使用window.onload即可完成此任务的方法，因为window.onload仅在所有页面都加载后才加载我的小部件，对于更大的页面，加载小部件需要很长时间。有什么解决方法这个？

Answer 1

我假设这个脚本在正文中。将其附加到头部而不是身体

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