在不使用onload (IE)的情况下注入css

Inject css to page without using onload (IE)?

本文关键字:情况下 注入 css IE onload      更新时间:2023-09-26

我写了一个小部件,它依赖于必须注入一个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中工作,我必须执行a:

window

:

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

我想找到一种方法来完成这一点,而不必使用窗口。Onload, since window。Onload只加载我的小部件时,所有的页面已经加载,对于较大的页面,它需要永远加载小部件。有什么解决办法吗?

我假设这个脚本在正文中。把它附加到标题而不是正文

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