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

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

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

在火狐中是好使的,即执行了onerror方法.可以看看火狐的控制台信息:

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

时间: 2024-10-12 12:53:55

img的onerror方法在火狐中的坑的相关文章

ie与火狐中常见的一些兼容问题

1. document.form.item 问题 (1)现有问题: 现有代码中存在许多 document.formName.item("itemName") 这样的语句,不能在Firefox(火狐)下运行 (2)解决方法: 改用 document.formName.elements["elementName"] 2. 集合类对象问题 (1)现有问题: 现有代码中许多集合类对象取用时使用 (),IE 能接受,Firefox(火狐)不能. (2)解决方法: 改用 []

IE中图片不显示火狐中可以显示解决方法

我的背景图片是png格式的,在IE中不显示但是在火狐和chrom中显示正常,以下是代码: body{ background: url(image/bj.jpg) no-repeat scroll 0px 0px; } 更改图片类型为jpg格式就可以了 IE中图片不显示火狐中可以显示解决方法

table中tr的display属性在火狐中显示不正常,IE中显示正常

最近在作项目的时候碰到一个问题,就是需要AJAX来交互显示<tr> </tr> 标签内的东西,按照常理,对于某一单元行需要显示时,使用:display:block属性,不需要显示时使用display:none属性,而且这样做 在IE浏览器中显示正常,没有任何问题. 但是当用Firefox浏览时却出现了布局错乱的问题,然后通FireBug去看了下源码,调试下了,发现是display:block属性搞的鬼. 1.当表格为多列的情况下,属性为"display:block&quo

JQ中的clone()方法与DOM中的cloneNode()方法

JQ中的clone()方法与DOM中的cloneNode()方法 cloneNode()定义和用法 cloneNode()方法创建节点的拷贝,并返回该副本. 语法: node.cloneNode(deep);  其接收一个可选参数"deep",为布尔类型,默认是false. 当设置为true,克隆当前节点,属性及当前节点的后代.若设置为false,仅仅克隆当前元素节点本身. 扩展:  使用cloneNode()方法,当被克隆的节点绑定了事件处理程序,事件处理程序是否会被一同克隆,这个我

Knockout获取数组元素索引的2种方法,在MVC中实现

在遍历数组.集合的时候,通常要获取元素的索引,本篇体验使用Knockout获取索引的2种方法. 假设有这样的一个模型: namespace UseIndex.Models { public class Student { public int Id { get; set; } public string Name { get; set; } } } 在HomeController中,先模拟一个Student的集合,在投影出Name属性的集合,最后以Json返回给前台视图. using Syste

理解是最好的记忆方法 之 CSS中a链接的④个伪类为何有顺序

理解是最好的记忆方法 之 CSS中a链接的④个伪类为何有顺序 在CSS中,a标签有4种伪类,分别为: a:link, a:visited, a:hover, a:active 对其稍有了解的前端er都知道,4个伪类是有固定顺序的(LVHA),否则很容易出现预期之外的效果. 大部分人,都会用自己的方式,对这个顺序死记硬背. 熟记顺序,无疑是写样式时最快捷的方法,牛人们的记忆方法也是五花八门. 我见过有酱婶的:lv的包包hao,这倒是实话. 比较奇葩的,我在baidu上输入lvha,竟然自动关联出鹿

Java连接MySQL数据库实现用户名密码的验证方法 Java语句中sql查询语句&#39;&#39; &quot;&quot;作用

//方法一,可以验证登录,但方法不实用.package com.swift; import java.sql.Connection; import java.sql.DriverManager; import java.sql.ResultSet; import java.sql.SQLException; import java.sql.Statement; import java.util.ArrayList; import java.util.List; public class Logi

通过 httpclientget 方法 向服务器中请求数据

/*   * 通过 httpclientget 方法 向服务器中请求数据   */ public String getweb(String username, String userpass, String url) { String str = ""; StringBuffer sb = new StringBuffer(url); sb.append("?username="); sb.append(username); sb.append("&

火狐中添加selenium IDE

在火狐中添加selenium IDE 1.下载selenium IDE,此处下载的是selenium-ide-2.5.0.xpi 2.在火狐中,打开菜单-->附加组件-->用户附加组件的工具-->从文件安装附加组件 3.找到刚刚下载的IDE,添加进去 4.点击[立刻安装] 5.重新启动后可以在菜单栏看到IDE的图标