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

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

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

请编写一个给list去重的函数_计算表达式

请编写一个给list去重的函数_计算表达式c#拉姆达表达式实现List去重varlist=studentlist.OrderByDescending(a=>a.CreateDate).ToList();Console.WriteLine(JsonConvert.SerializeObject(list.Where((x,i)=>list.FindIndex(z=&gt…

全栈程序员-站长
2025年12月6日
3
MobaXterm简单使用说明

MobaXterm简单使用说明

全栈程序员-站长
2021年5月13日
290
mybatis循环map的一些技巧

mybatis循环map的一些技巧原文：http://blog.csdn.net/linminqin/article/details/39154133——————————————-循环key：[java] viewplain copy”condition.keys” item=”k” separator

全栈程序员-站长
2022年10月21日
4
django验证码登录_双重认证怎么关闭

django验证码登录_双重认证怎么关闭djoser是什么？作用：Django认证系统的REST实现。djoser库提供了一组DjangoRestFramework视图，用于处理注册、登录、注销、密码重置和帐户激活等基本操作。它适用于

全栈程序员-站长
2022年7月30日
8
pycharm向左缩进_pycharm取消缩进快捷键

pycharm向左缩进_pycharm取消缩进快捷键在使用pycharm时，经常会需要多行代码同时缩进、左移，pycharm提供了快捷方式1、pycharm使多行代码同时缩进鼠标选中多行代码后，按下Tab键，一次向右缩进四个字符2、pycharm使多行代码同时左移鼠标选中多行代码后，同时按住shift+Tab键，一次向左移四个字符另外：在使用pycharm过程中光标变粗，此时变成了改写模式，只需要按下键盘的insert键即可…

全栈程序员-站长
2022年8月25日
5
等价类测试用例设计原则_边界值法测试用例

等价类测试用例设计原则_边界值法测试用例一、等价类划分法简介1.1什么是等价类划分法？等价类划分法是黑盒测试中非常重要的测试方法，采用等价类划分法时，无需考虑程序内部结构，设计测试用例是依据游戏策划案进行设计的等价类是输入条件的一个子数据集合，该输入集合中的数据对于揭示程序中的错误是等价的，从每一个子集中选取少数代表性的数据，从而进行梳理，组合成测试用例等价类划分法分为：有效等价类、无效等价类。有效等价类：有效等价类代表对程序的有效输入数据无效等价类：无效等价类则是以任何方式的无效输入数据。有效

全栈程序员-站长
2022年10月18日
2

发表回复

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