首页 > 动态创建的script onload 事件在ie中不执行?

动态创建的script onload 事件在ie中不执行?

var head=document.getElementsByTagName('head')[0];
var u_link=document.createElement('link');
u_link.type='text/css';
u_link.rel='stylesheet';
u_link.href='/ve/js/ueditor/themes/default/css/ueditor.min.css';
head.appendChild(u_link);
var conf=document.createElement('script');
conf.src="/ve/js/ueditor/ueditor.config.js";
conf.type='text/javascript';
var jquery=document.getElementById('ve_jquery');
var next;
if(jquery.nextElementSibling)
{
    next=jquery.nextElementSibling;
}
else{
    for(next=jquery.nextSibling;next && next.nodeType!==1;next=next.nextSibling){}
}
document.body.insertBefore(conf,next);
var all=conf.cloneNode();






all.src='/ve/js/ueditor/ueditor.all.js';
all.onload=all.onreadystatechange=function()
{
    var done = false;
    if (!done && (!this.readyState || this.readyState === "loaded" || this.readyState === "complete")) {
        done = true;

        ueditor_load();
        console.log('hello');

        // Handle memory leak in IE
        all.onload = all.onreadystatechange = null;
    }
};
document.body.insertBefore(all,next);

这个代码很烂,问题就是动态创建一个script元素all,然后添加到文档中,all的外部资源加载完毕后,执行一个回调函数,然后发现在IE中有问题,我在网上搜了下,在stackoverflow上找到了上面一段all.onload=all.onreadystatechange的代码,但是在ie10,edge模式下(通过ie的开发者工具切换的文档模式,不是真实的浏览器环境)同样不执行,ie8和ie9下面可以,不知道是怎么回事?


使用LazyLoad可以解决,虽然现在没有维护了。
https://github.com/rgrove/lazyload/

【热门文章】
【热门文章】