js针对图⽚加载失败的处理⽅法分析
本⽂实例讲述了js针对图⽚加载失败的处理⽅法。分享给⼤家供⼤家参考，具体如下：
在项⽬中不可避免会⽤到图⽚，尤其是列表，有时候图⽚会加载失败；这样就会显⽰⼀个很难看的坏图⽚缩略图；下⾯介绍两种⽅法，解决这个问题：
1、如果在你的项⽬中有引⼊jQuery插件，你可以使⽤error([[data],fn])这个函数；
$("img").error(function(){
//当图⽚加载失败时，你要进⾏的操作
//$(this).attr('src','images/no_pic.jpg');
});
2、如果项⽬中没有jQuery这样的插件，可以使⽤HTML的DOM事件onerror事件处理；
HTML 中:
<element οnerrοr="myScript">
尝试⼀下
JavaScript 中:
object.οnerrοr=function(){myScript};
尝试⼀下
JavaScript 中, 使⽤addEventListener()⽅法:（注意： Internet Explorer 8 及更早 IE 版本不⽀持addEventListener()⽅法。）object.addEventListener("error", myScript);
⽀持的 HTML 标签: <img>, <input type="image">, <object>, <script>, <style>
另外，当图⽚加载错误的时候，触发onerror事件，还可使⽤⼀下⽅法进⾏处理:
①. 隐藏
jquery插件分享<img src="" onerror="this.style.display = 'none' ">
②. ⽤默认的图⽚替换：
<img src="" onerror="this.src='banner_1.png';r='null' ">
PS：这⾥再为⼤家附上javascript系统⾃带事件参考表供⼤家参考查询：
更多关于JavaScript相关内容可查看本站专题：《》、《》、《》、《》、《》及《》
希望本⽂所述对⼤家JavaScript程序设计有所帮助。