HTML img图片加载失败时用默认图片替换

全栈程序员-站长 • 2022年6月1日下午11:00 • 未分类 • 阅读 36

HTML img图片加载失败时用默认图片替换原文地址：http://blog.csdn.net/qq_24771775/article/details/50294931 img元素加载图片失败，则变成一个小图标，让页面变得难看。此时如何替换为默认图片？onerror属性img元素自带onerror属性，加载失败时，触发error事件src=”http://yongqing.is-programmer.com/posts/i

大家好，又见面了，我是你们的朋友全栈君。

原文地址：http://blog.csdn.net/qq_24771775/article/details/50294931

img元素加载图片失败，则变成一个小图标，让页面变得难看。此时如何替换为默认图片？

onerror属性

img元素自带onerror属性，加载失败时，触发error事件

<img src="http://yongqing.is-programmer.com/posts/image.gif" onerror='this.src="http://yongqing.is-programmer.com/posts/default.gif" />

jquery.error函数

jquery提供对应的事件处理函数

$('img').error(function(){ 
    $(this).attr('src',"default.gif"); })

jquery.one函数

使用上面两种方法，假如默认图片也加载失败，则变成死循环. 此时可使用one()绑定事件

$("img").one("error", function(e){ 
    $(this).attr("src", "default.gif"); });

另外error事件，不支持冒泡，jquery.delegate函数捕捉不到error事件。

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/137459.html原文链接：https://javaforall.net

赞 (0)

全栈程序员-站长

0 0

3d slicer matlab,3DSlicer3Architecture架构介绍.ppt

3d slicer matlab,3DSlicer3Architecture架构介绍.ppt3DSlicer3Architecture架构介绍Slicer3ArchitectureNA-MICArchitectureSlicer3“ObserverMVC”PatternMRML(Model)ForSceneDescriptionandApplicationStateMRMLNodesarePersistentandUndoableScenea…

全栈程序员-站长
2025年6月10日
6
工作量证明(PoW)的内部攻击模型「建议收藏」

工作量证明(PoW)的内部攻击模型「建议收藏」虽然，POW算法其实并没有协调选择博弈论中的安全性，因为多数联盟可以形成和有益的审查和回复块。但是当我们考虑PoW的攻击时，通常不会考虑到矿工联合攻击，而是想到购买矿工设备或者对更重链进行挖矿。这篇文章主要是谈论PoW对抗控制半数哈希力攻击的能力，不允许租用，或贿赂矿工，或与矿工进行任何其他形式的合作。外部攻击外部攻击者购买足够的GPU或者ASIC直到完成对可信网络的“51%攻击”，或者至少…

全栈程序员-站长
2022年5月28日
40
发布版sha1是什么_软件调试第二版卷2 情况

发布版sha1是什么_软件调试第二版卷2 情况第一次签名遇到太多的麻烦，本来很简单的，但是一个人摸索，百度，也要搞整大半天。现在总结一下调用高德地图百度地图等所需要的SHA1。调试版：首先按照网上说的，直接在as的terminal中输入命令 keytool-list-v-keystoredebug.keystore，你就会发现，报错，keytool既不是外部命令也不是内部命令，这个时候，你需要先进入你的.and

全栈程序员-站长
2022年8月11日
8
【MYSQL】如何下载mysql驱动jar包

【MYSQL】如何下载mysql驱动jar包进入官网https://www.mysql.com/点击DOWNLOADS然后拉到最下面，点击MySQLCommunity(GPL)Downloads然后选择Connector/J，这里的J是Java的意思这里如果是windows用户的话，选择PlatformIndependent，如果是其他用户就选其他版本点击Download…

全栈程序员-站长
2022年5月21日
1.5K
GFS分布式文件存储系统

GFS分布式文件存储系统GFS分布式文件存储系统一GlusterFS概述二GlusterFS工作原理三GlusterFS卷类型3.1分布式卷3.2条带卷3.3复制卷3.4分布式条带卷3.5分布式复制卷四GlusterFS案例部署4.1实验环境4.2关闭防火墙与selinux4.3配置hosts文件4.4磁盘格式化与挂载4.5安装软件4.5.1共享Windows系统文件夹gfsrepo4.5.2查看共享文件夹4.5.3挂载共享文件夹4.5.4设置本地源仓库4.5.5安装软件4.5.6时间同步4

全栈程序员-站长
2022年5月7日
47
leetcode-38外观数列

leetcode-38外观数列原题链接给定一个正整数 n ，输出外观数列的第 n 项。「外观数列」是一个整数序列，从数字 1 开始，序列中的每一项都是对前一项的描述。你可以将其视作是由递归公式定义的数字字符串序列：countAndSay(1) = “1”countAndSay(n) 是对 countAndSay(n-1) 的描述，然后转换成另一个数字字符串。前五项如下：111211211111221第一项是数字 1描述前一项，这个数是 1 即 “ 一个 1 ”，记作 “11”

全栈程序员-站长
2022年8月8日
3

发表回复

关注全栈程序员社区公众号