我写了一个小部件,它依赖于必须将一个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只在加载所有页面时加载我的小部件,对于更大的页面,它需要永远加载小部件..是否有对此有何解决方法?
答案 0 :(得分:1)
我假设这个脚本在体内。将它贴在头部而不是身体上
document.getElementsByTagName("head")[0].appendChild(link);