huangwei
2015-05-18 19:54:09
html img标签的onerror事件方法在火狐中不会触发的问题总结
下面的页面在火狐中打开时无图片显示(没有触发onerror方法)
<html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="http://123.57.250.51/static/js/jquery-1.11.1.js" type="application/javascript"></script> <script type="application/javascript"> window.onload= function () { $('#headLogo')[0].onerror = function(){ console.log("onerror 136line"); this.src = 'https://www.baidu.com/img/bdlogo.png'; }; $('#headLogo').attr('src' ,''); } </script> </head> <body> <img id="headLogo" > </body> </html>
但是在chrome中打开会显示如下界面:
即在chrome中调用了onerror方法.
但是把$(‘#headLogo’).attr(‘src’ ,”); 改为
$('#headLogo').attr('src' ,'a');
在火狐中就可以正常显示图片的,即执行了onerror方法.可以看看火狐的控制台信息:
总结:在火狐中,设置图片的src为空字符串,不会触发onerror方法
猜你喜欢
请下载代码后再发表评论
相关代码
最近下载
最近浏览
Osit888 LV10
2023年12月8日
cx0127 LV13
2023年5月10日
basnm basnmbanmbs LV1
2022年12月11日
name123 LV7
2022年4月25日
小涵子 LV2
2022年4月16日
2010727629 LV1
2021年12月27日
刘聪dad LV1
2021年12月20日
尘
2021年12月20日
暂无贡献等级
模拟必看
2021年7月24日
暂无贡献等级
喵小兵 LV10
2021年3月9日