相关疑难解决方法(0)

我正在尝试使用javascript动态加载css文件,不能使用任何其他js库(例如jQuery).

加载css文件但我似乎无法获得回调来为它工作.以下是我正在使用的代码

var callbackFunc = function(){
    console.log('file loaded');     
};
var head = document.getElementsByTagName( "head" )[0];
var fileref=document.createElement("link");
    fileref.setAttribute("rel", "stylesheet");
    fileref.setAttribute("type", "text/css");
    fileref.setAttribute("href", url);

    fileref.onload  = callbackFunc;
    head.insertBefore( fileref, head.firstChild );

使用以下代码添加脚本标记以加载js文件工作并触发回调:

var callbackFunc = function(){
    console.log('file loaded');     
};

var script = document.createElement("script");

script.setAttribute("src",url);
script.setAttribute("type","text/javascript");

script.onload  = callbackFunc ;

head.insertBefore( script, head.firstChild );

我在这里做错了吗？任何其他可以帮助我实现这一目标的方法都会受到高度赞赏吗？

浏览器提供负载事件<script>和<img>标签.有没有办法检测对元素的请求是否已完成？

具体来说,我希望检测何时<link>加载了样式表.

不幸的是,我认为使用哨兵风格并检测来自a的负载computedStyle在我的情况下是不可行的.