1. 全栈程序员必看首页

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

全栈程序员-站长 • • 未分类 • 阅读 34

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


相关推荐

  • 2020，最新手机号码手机验证正则表达式，持续更新

    2020，最新手机号码手机验证正则表达式，持续更新

    2020，最新手机号码手机验证正则表达式，持续更新最近在跟一个别人写好上线的项目，今天出了一个bug，部分正常的手机号验证格式不通，查看了代码发现正则表达式有较大的错误，如图：存在的问题：1.存在逗号2.不够全面，部分正常的手机号验证不通过所以决定自己写，百度一下手机号的格式，下面应该是比较全面，所以就自己根据下面的写验证的正则表达式，如有小伙伴发现下图仍有遗漏请在评论指出，我看到会马上更新最后写出来的正则表达式：Patternp=Pattern.compile(“^1(3([1-35-9]\\d|4[1-..

    全栈程序员-站长的头像 全栈程序员-站长
    2022年6月13日
    87
  • html表单验证确认密码_简述html5的表单验证

    html表单验证确认密码_简述html5的表单验证

    html表单验证确认密码_简述html5的表单验证因为最近在做一个项目，需要实现前端表单验证，而这些只是简单的非空和数字之类的简单验证，可能大家都听说过jQueryValidate，但是我觉得引用jQueryValidate太麻烦了。我采用的表单验证不是使用框架来实现，而是直接使用html5的新特性1.实现一个简单的用户名长度验证我想实现表单验证，但是写js又太麻烦，有没有简单实用又灵活的方法需求：用户名限制长度…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年10月30日
    0
  • Otsu‘s Thresholding的工作原理「建议收藏」

    Otsu‘s Thresholding的工作原理「建议收藏」

    Otsu‘s Thresholding的工作原理「建议收藏」Otsu’sThresholding的工作原理

    全栈程序员-站长的头像 全栈程序员-站长
    2022年5月22日
    31
  • __setattr__,setattr(),getattr__，getattr()及__getattribute__的区别

    __setattr__,setattr(),getattr__，getattr()及__getattribute__的区别

    __setattr__,setattr(),getattr__，getattr()及__getattribute__的区别Python2.7IDEPycharm5.0.3首先，给一波定义__setattr__(self,name,value)#当试图给特性name赋值时候自动被调用，其余方法同理#相当于触发机制__getattribute__(self,item)#每次通过实例化访问属性都会通过该函数#如果没有该属性，则访问完该函数后，再会通过__getattr__函数_setattr_和_get

    全栈程序员-站长的头像 全栈程序员-站长
    2022年10月30日
    0
  • java常用的io流_io流java

    java常用的io流_io流java

    java常用的io流_io流javaIO流大家肯定不陌生，简单整理了一下常用IO流基本用法，其他的IO流以后有时间在整理。1.基本概念IO：Java对数据的操作是通过流的方式，IO流用来处理设备之间的数据传输，上传文件和下载文件，Java用于操作流的对象都在IO包中。2.IO流的分类图示：（主要IO流）3.字节流（1）.字节流基类1）.InputStreamInputStream：字节输入流基类，抽象类是表示字节输入流的所有

    全栈程序员-站长的头像 全栈程序员-站长
    2022年10月20日
    0
  • sphinx全文检索 安装配置和使用

    sphinx全文检索 安装配置和使用

    sphinx全文检索 安装配置和使用

    全栈程序员-站长的头像 全栈程序员-站长
    2021年10月19日
    46

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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