html img执行方法,html img标签的onerror事件方法在火狐中不会触发的问题总结

下面的页面在火狐中打开时无图片显示(没有触发onerror方法)

window.οnlοad= function () {

$('#headLogo')[0].onerror = function(){

console.log("onerror 136line");

this.src = 'https://www.baidu.com/img/bdlogo.png';

};

$('#headLogo').attr('src' ,'');

}

但是在chrome中打开会显示如下界面:

即在chrome中调用了onerror方法.

但是把$(‘#headLogo’).attr(‘src’ ,”); 改为

$('#headLogo').attr('src','a');

在火狐中就可以正常显示图片的,即执行了onerror方法.可以看看火狐的控制台信息:

总结:在火狐中,设置图片的src为空字符串,不会触发onerror方法