网站地图    收藏   

主页 > 前端 > jquery教程 >

解决IE中img.onload失效的方法

来源:未知    时间:2017-03-23 17:33 作者:xxadmin 阅读:

[导读] 原来 $(#QrCode).on(load,function(){ $(.loading).hide(); alert(1); }) //或者 document.getElementById(QrCode).onload = function(){ $(.loading).hide(); alert(1); } 看起来没什么问题,但是为什么onload在ie下经常没有被调用...

原来


$("#QrCode").on("load",function(){

    $(".loading").hide();

    alert(1);

})

//或者

document.getElementById("QrCode").onload = function(){

    $(".loading").hide();

    alert(1);

}


看起来没什么问题,但是为什么onload在ie下经常没有被调用呢?因为浏览器会缓存图片,第二次加载的图片不是从服务器传过来的,不会发起请求,但是图片的complete属性会被加上。alert(1);每次都会执行,所以猜测是错误的。


修改代码如下


var img = new Image();

img.onload = function(){

 

  document.getElementById("QrCode").setAttribute("src",this.src)

    $("#loading").hide();

}

img.src = "/img/img.jpg";

  


onload事件写到给imgage对象的src赋值之前了,先告诉浏览器如何处理这张图片,再指定这张图片的源,这样就正常了。


所以,不是IE浏览 器没有触发onload事件,而是因为加载缓冲区的速度太快了,以至于没有运行到obj.onload的时候,onload事件已经触发了。


自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论