解决IE浏览器中图片onload事件无效的方法
故事模式实现是只加载当前浏览的照片和它下面的两张照片，加载照片的时候才会加载和渲染评论区，图片没有加载前会用一个一象素的图片占位，并用一个loading类将显示出一个loading背景图，判断在可视区的时候替换成真正的图片，图片加载成功后删除loading类。
问题出在最后面，测试的时候发现在IE下loading类无法删除,当时代码如下：
代码如下:
img.src = _src;
img.src = _src;
img.onload = function(){
_con.delClass('loading');
}
网上找了一番，onload和定义src的语句应该换一下顺序，IE从缓存中取图片，onload根本不触发，opera也有这个毛病，正确代码修改如下
代码如下:
img.onload = function(){
_con.delClass('loading');
};
img.src = _src;
立即就正常了
结论：应该把onload写到src前面，先告诉浏览器图片加载完要怎么处理，再让它去加载图片。 所以，不是IE浏览器不会触发onload事件，而是因为加载缓冲区的速度太快，在没有告诉它加载完要怎么办时，它已经加载完了。反过来说，firefox明显更智能一些，加入onload事件后，firefox浏览器会检测缓冲区是否已经有此图片，有的话直接就触发此事件！
相关文章
- jQuery 返回json数据在IE浏览器中提示下载的问题 ContentType(2014-5-30 15:9:35)
- 解决chrome下jQuery width()方法取值为0的方法(2014-5-27 11:5:8)
- 跨域名访问资源的问题 HTML5 Canvas getImageData img.crossOrigin(2014-5-26 14:8:55)
- 分析Object #
的drawImage没有作用的原因 (2014-5-26 13:49:15) - 解决ie7 ie8不支持trim的属性的方法(2014-5-24 14:2:53)
- IE6中常见CSS兼容性解决技巧及常见浏览器兼容性问题与解决方案(2014-2-25 17:36:26)
- 详解haslayout 解决IE样式bug(2014-2-25 17:11:4)
- 百度文本编辑器UEditor(图片的在线管理中)增加图片删除功能【.net版】(2014-2-17 12:14:19)
- Ajax异步同步请求被IE缓存的问题解决方法(get方式)(2014-1-20 13:45:45)
