在不使用onload(IE)的情况下将css注入页面?

时间:2013-05-07 18:55:22

标签: javascript

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

我使用以下代码注入css表:

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

这适用于IE以外的所有浏览器,因为这在IE中工作我必须做:

  

的window.onload

像这样:

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

我想找到一种方法来实现这一点,而不必使用window.onload,因为window.onload只在加载所有页面时加载我的小部件,对于更大的页面,它需要永远加载小部件..是否有对此有何解决方法?

1 个答案:

答案 0 :(得分:1)

我假设这个脚本在体内。将它贴在头部而不是身体上

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