JS对img标签进行优化使用onerror显示默认图像
更新时间：2014年04月24日 16:13:28 作者：
这篇文章主要介绍了JS对img标签进行优化使用onerror显示默认图像,需要的朋友可以参考下
对于网站图像的不显示有很多原因，网络问题，文件本身问题，文件ＵＲＬ问题等，而当图像加载失败时会触发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代码
复制代码 代码如下:
//图像加载出错时的处理
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)" />
页面效果
相关文章
详解JavaScript (!!) 中的双感叹号是干什么用的
JavaScript 不是静态语言，而是动态语言，这意味着变量可以引用或保存任何类型的值，此外，该类型可以随时更改，这篇文章主要介绍了JavaScript (!!) 中的双感叹号作用,需要的朋友可以参考下2022-09-09
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。通过本文给大家介绍Javascript的表单验证长度，需要的朋友参考下吧2016-03-03
这篇文章主要为大家详细介绍了解决js图片加载时出现404问题的方法，具有一定的参考价值，这方面有困惑的朋友可以参考一下2015-11-11
JavaScript和jQuery获取input框的绝对位置实现方法
下面小编就为大家带来一篇JavaScript和jQuery获取input框的绝对位置实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
本文主要介绍了canvas实现图片根据滑块放大缩小效果的实例，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
这篇文章主要介绍了微信小程序冒泡事件及其阻止方法,结合实例形式分析了事件分类、冒泡及相应阻止操作方法,需要的朋友可以参考下2018-12-12
这篇文章主要介绍了JS简单实现查看文档创建日期、修改日期和文档大小的方法,结合实例形式分析了JavaScript使用fileCreatedDate属性、fileModifiedDate属性、lastModified属性和fileSize属性相关操作技巧,需要的朋友可以参考下2018-04-04
这篇文章主要介绍了如何给JS中的数组开头添加元素，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
这篇文章主要介绍了如何利用ES6进行Promise封装总结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-02-02
javascript轻量级库createjs使用Easel实现拖拽效果
这篇文章主要介绍了javascript轻量级库createjs使用Easel实现拖拽效果的相关资料,需要的朋友可以参考下2016-02-02
最新评论