编程 Javascript

JS对img标签进行优化使用onerror显示默认图像

Posted in Javascript onApril 24, 2014

对于网站图像的不显示有很多原因，网络问题，文件本身问题，文件ＵＲＬ问题等，而当图像加载失败时会触发onerror这个事件，我们利用这点，可以有效的避免图像加载失败的尴尬！

js代码

//图像加载出错时的处理 
function errorImg(img) { 
img.src = "http://static.xuexiba.com/uploadfile//UserInfo/Avatar/201403/1303992393385832875324.jpg"; 
img.onerror = null; 
}

html代码

<img width="32" height="32" src="1.jpg" onerror="errorImg(this)" />

页面效果

JS对img标签进行优化使用onerror显示默认图像

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript 函数调用规则

Aug 26 Javascript

js 省地市级联选择

Feb 07 Javascript

基于jquery的超简单上下翻

Apr 20 Javascript

javascript object array方法使用详解

Dec 03 Javascript

jQuery UI 实现email输入提示实例

Aug 15 Javascript

jQuery学习笔记之 Ajax操作篇（二） - 数据传递

Jun 23 Javascript

jQuery中:submit选择器用法实例

Jan 03 Javascript

javascript基于DOM实现省市级联下拉框的方法

May 14 Javascript

Angular中$compile源码分析

Jan 28 Javascript

JavaScript实现的前端AES加密解密功能【基于CryptoJS】

Aug 28 Javascript

解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题

Sep 27 Javascript

vue监听用户输入和点击功能

Sep 27 Javascript

原生javascript模仿win8等待提示圆圈进度条

Apr 24 #Javascript

js如何判断用户是在PC端和还是移动端访问

Apr 24 #Javascript

jquery 扑捉回车键事件代码

Apr 24 #Javascript

IE中的File域无法清空使用jQuery重设File域

Apr 24 #Javascript

js 动态为textbox添加下拉框数据源的方法

Apr 24 #Javascript

from表单多个按钮提交用onclick跳转不同action

Apr 24 #Javascript

编写高效jQuery代码的4个原则和5个技巧

Apr 24 #Javascript

You might like

PHP 冒泡排序二分查找顺序查找二维数组排序算法函数的详解

2013/06/25 PHP

php setcookie(name, value, expires, path, domain, secure) 参数详解

2013/06/28 PHP

最新最全PHP生成制作验证码代码详解(推荐)

2016/06/12 PHP

php源码 fsockopen获取网页内容实例详解

2016/09/24 PHP

Laravel实现ApiToken认证请求

2019/10/14 PHP

img标签中onerror用法

2009/08/13 Javascript

js获取dom的高度和宽度(可见区域及部分等等)

2013/06/13 Javascript

JS分页效果示例

2013/10/11 Javascript

让浏览器DOM元素最后加载的js方法

2014/07/29 Javascript

jQuery实现返回顶部功能适合不支持js的浏览器

2014/08/19 Javascript

jQuery插件slides实现无缝轮播图特效

2015/04/17 Javascript

JavaScript中的some()方法使用详解

2015/06/09 Javascript

Angularjs 滚动加载更多数据

2016/03/17 Javascript

彻底学会Angular.js中的transclusion

2017/03/12 Javascript

vue组件与复用详解

2018/04/08 Javascript

Angular PWA使用的Demo示例

2019/01/31 Javascript

记一次用vue做的活动页的方法步骤

2019/04/11 Javascript

vue中使用element组件时事件想要传递其他参数的问题

2019/09/18 Javascript

js实现微信聊天界面

2020/08/09 Javascript

Python中表示字符串的三种方法

2017/09/06 Python

Python闭包和装饰器用法实例详解

2019/05/22 Python

Python telnet登陆功能实现代码

2020/04/16 Python

基于Python中random.sample()的替代方案

2020/05/23 Python

Python利用Faiss库实现ANN近邻搜索的方法详解

2020/08/03 Python

Pycharm安装Qt Design快捷工具的详细教程

2020/11/18 Python

canvas简单连线动画的实现代码

2020/02/04 HTML / CSS

社会实践心得体会

2014/01/03 职场文书

后进生转化工作制度

2014/01/17 职场文书

护理专科自荐书范文

2014/02/18 职场文书

《寓言两则》教学反思

2014/02/27 职场文书

高中教师个人总结

2015/02/10 职场文书

2016年班主任新年寄语

2015/08/18 职场文书

关于做家务的心得体会

2016/01/23 职场文书

2019七夕节祝福语36句，快来收藏吧

2019/08/06 职场文书

如何利用 CSS Overview 面板重构优化你的网站

2021/10/24 HTML / CSS

Python循环之while无限迭代

2022/04/30 Python