javascript - 动态创建的script onload 事件在ie中不执行?
PHP中文网
PHP中文网 2017-04-10 15:56:00
[JavaScript讨论组]
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下面可以,不知道是怎么回事?

PHP中文网
PHP中文网

认证0级讲师

全部回复(1)
ringa_lee

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号