img的onerror方法在火狐中的坑

简介: <div class="markdown_views"><p>下面的页面在火狐中打开时无图片显示</p><pre class="prettyprint"><code class=" hljs xml"><span class="hljs-tag"><<span class="hljs-title">html</span>></span><span class

下面的页面在火狐中打开时无图片显示

<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中打开会显示如下界面:
onerror方法

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

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

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

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

相关文章
|
JavaScript
Element-ui中 使用图片查看器(el-image-viewer) 预览图片
Element-ui中 使用图片查看器(el-image-viewer) 预览图片
2155 1
Element-ui中 使用图片查看器(el-image-viewer) 预览图片
|
7月前
|
Web App开发 JavaScript 前端开发
使用 JS 实现在浏览器控制台打印图片 console.image()
在前端开发过程中,调试的时候,我们会使用 console.log 等方式查看数据。但对于图片来说,仅靠展示的数据与结构,是无法想象出图片最终呈现的样子的。 虽然我们可以把图片数据通过 img 标签展示到页面上,或将图片下载下来进行预览。但这样的调试过程实在是复杂,何不实现一个 console.image() 呢?
151 1
使用 JS 实现在浏览器控制台打印图片 console.image()
|
6月前
|
Web App开发 前端开发
canvas保存图片时,谷歌浏览器Chrome报错【解决方案】Not allowed to navigate top frame to data URL
canvas保存图片时,谷歌浏览器Chrome报错【解决方案】Not allowed to navigate top frame to data URL
177 0
|
6月前
|
JavaScript
js document.compatMode【详解】(含准确获取浏览器宽高等尺寸的方法)
js document.compatMode【详解】(含准确获取浏览器宽高等尺寸的方法)
52 0
|
安全 JavaScript 前端开发
img iframe script 来发送跨域请求
img iframe script 来发送跨域请求
111 0
|
移动开发 安全 JavaScript
H5的新特性-使用a标签,download属性下载图片
H5的新特性-使用a标签,download属性下载图片
403 0
|
JavaScript
利用onerror 事件处理img标签中的src图片加载失败
利用onerror 事件处理img标签中的src图片加载失败
240 0
|
JavaScript
Element UI - el-image 图片初始化加载爬坑
Element UI - el-image 图片初始化加载爬坑
2992 0
Element UI - el-image 图片初始化加载爬坑