小技巧-自动隐藏红叉叉（图片显示失败）

最新推荐文章于 2018-08-01 11:13:45 发布
最新推荐文章于 2018-08-01 11:13:45 发布
阅读量106 收藏
点赞数
原文链接：http://www.cnblogs.com/ghostbox/archive/2010/05/17/1737123.html
版权
　　当文章中链接的图片失效时，就会看到令人讨厌的红叉叉，虽然图片有alt属性可以补救一下该图的意义，但都给人不友好的感觉。
如果给图片加一个判断，当加载失败时就不显示，这样可以产生更令用户满意的体验。
代码如下：

< img  src =''none.gif''  onerror ="this.parentNode.removeChild(this)"  style ="display:none"  onload ="this.style.display=''block''"   />  

 

转载于:https://www.cnblogs.com/ghostbox/archive/2010/05/17/1737123.html

weixin_30405421
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js小技巧--自动隐藏红叉叉
10-30
js小技巧--自动隐藏红叉叉
ios 微信 h5 中的 chooseImage 接口拿到 localId 后无法通过 img 标签显示图片
小鑫の随笔
01-06 1439
最近的一个微信 h5 项目，用到了 微信 jssdk 的 chooseImage 方法，遇到了坑，在这里记一下 需求是用户拍照或上传本地图片，先显示出来，然后再上传图片做其他的事情，弄的过程中发现，安卓可以使用 chooseImage 方法返回的 localId 显示图片，ios 显示不出图片 查了下，找到了解决方法： ios 微信6.5.3版本开始支持开发者手动切换 WKWebview 和 UIWebview，使开发者可提前对 WKWebview 进行适配 WKWebview 不再支持通过使用 choos
img标签在找不到图片时显示叉叉不好看，改为显示默认图片的方法
08-01 3049
img标签有两个属性onload onerror 我们这里用onerror 当加载失败的时候 就会跳到onerror这个方法里面 我们就定义 onerror="newsImgLoadError(this)" &lt;script&gt; function newsImgLoadError(id){ $(id).attr('src','/ued/getUploadI...
小技巧--自动隐藏红叉叉(图片显示失败)
12-15 1313
当文章中链接的图片失效时，就会看到令人讨厌的红叉叉，虽然图片有alt属性可以补救一下该图的意义，但都给人不友好的感觉。 如果给图片加一个判断，当加载失败时就不显示，这样可以产生更令用户满意的体验。 代码如下：  
win7系统网页上传按钮显示红叉叉怎么办.docx
09-27
Windows 7 系统网页上传按钮显示红叉叉解决方案 随着互联网的普及，网页上传文件的需求日益增加。但是在 Windows 7 系统中，有些用户发现网页上传按钮显示红叉叉，无法正常上传文件。这是什么原因导致的呢？如何...
PHP 验证码不显示只有一个小红叉的解决方法
12-19
然而，当开发过程中遇到验证码不显示，只显示一个小红叉的情况，这通常表明存在一些配置或依赖问题。下面我们将深入探讨这个问题的原因及解决方法。 首先，验证码不显示可能是由于GD库没有正确加载导致的。GD库是...
处理网页图片显示红叉方法
04-05
处理网页图片显示红叉方法 在使用浏览器访问某些网页时，可能会出现图片不显示，而是显示一个红色的叉叉的象征。这是一个常见的问题，尤其是在访问某些需要登录的页面时。这种情况下，图片大多数是png格式的。下面...
聊天室、websocket、socket.io、毕业设计.zip
07-27
聊天室、websocket、socket.io、毕业设计.zip
微麦电影购票小程序，分为三部分-小程序端-商家（影院）后台与官方后台.zip
07-27
微麦电影购票小程序，分为三部分-小程序端-商家（影院）后台与官方后台.zip
防盗门进销存管理系统（SDIMS）.zip
07-27
防盗门进销存管理系统（SDIMS）.zip
Matlab实现蝗虫优化算法GOA-CNN-BiLSTM-Mutilhead-Attention多变量时序预测.rar
07-27
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
[毕设]二叉树构建与遍历算法实现.zip
07-27
[毕设]二叉树构建与遍历算法实现
cykooz.resizer-3.0.0-cp39-cp39-macosx_10_12_x86_64.whl
07-27
python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！
大学生创业计划书大学生创新创业项目申报书大学生创业计划书大学生创新创业项目申报书
07-27
大学生创业计划书大学生创新创业项目申报书大学生创业计划书大学生创新创业项目申报书
Access-数据库应用实验指导书.doc
最新发布
07-27
Access-数据库应用实验指导书.doc
brisque_opencv-0.0.17-py3-none-any.whl
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
keil中_static_inline出现红叉叉但是不报错
08-09
在Keil中，_static_inline的出现红叉叉的情况表示该宏或函数是静态内联的，但编译器不支持或无法正确识别它。静态内联是指将函数在编译器阶段内联展开，可以提高代码的执行效率。 出现红叉叉的原因可能是几个方面：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值