onerror 事件在加载外部文件(文档或图像)发生错误时触发。
<img alt="{dr[title]}" src="{dr[img_url]}" onerror="this.src='/admin/skin/default/loadimg.gif'">
img 使用 onerror 以后,如果 onerror 指定的图片也是不存在的话,会出现无限死循环 404。
<img src="image.gif" onerror="javascript:this.src='src/images/default.jpg';this.onerror = null">
jquery.error函数
jquery提供对应的事件处理函数
$('img').error(function(){
$(this).attr('src',"default.gif");
})
jquery.one函数
使用上面两种方法,假如默认图片也加载失败,则变成死循环. 此时可使用one()绑定事件
$("img").one("error", function(e){
$(this).attr("src", "default.gif");
});
另外error事件,不支持冒泡,jquery.delegate函数捕捉不到error事件。