huangwei的gravatar头像
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中打开会显示如下界面: 

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

即在chrome中调用了onerror方法.

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

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

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

html img标签的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日
顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友