js小技巧--自动隐藏红叉叉


Posted in Javascript onAugust 13, 2007

当文章中链接的图片失效时,就会看到令人讨厌的红叉叉,虽然图片有alt属性可以补救一下该图的意义,但都给人不友好的感觉。 
如果给图片加一个判断,当加载失败时就不显示,这样可以产生更令用户满意的体验。 
代码如下:
<img src='none.gif' onerror="this.parentNode.removeChild(this)" style="display:none" onload="this.style.display='block'" />

Javascript 相关文章推荐
抽出www.templatemonster.com的鼠标悬停加载大图模板的代码
Jul 11 Javascript
javascript属性访问表达式用法分析
Apr 25 Javascript
Jquery动态添加输入框的方法
May 29 Javascript
浅谈js的ajax的异步和同步请求的问题
Oct 07 Javascript
Vue组件通信实践记录(推荐)
Aug 15 Javascript
浅谈Vue.use的使用
Aug 29 Javascript
Angular Excel 导入与导出的实现代码
Apr 17 Javascript
微信小程序自定义波浪组件使用方法详解
Sep 21 Javascript
JavaScript 面向对象基础简单示例
Oct 02 Javascript
详细分析vue表单数据的绑定
Jul 20 Javascript
js实现飞机大战小游戏
Aug 26 Javascript
抖音短视频(douyin)去水印工具的实现代码
Mar 30 Javascript
javascript据option的value值快速设定初始的selected选项
Aug 13 #Javascript
用js实现随机返回数组的一个元素
Aug 13 #Javascript
JavaScript 模仿vbs中的 DateAdd() 函数的代码
Aug 13 #Javascript
用JavaScript 处理 URL 的两个函数代码
Aug 13 #Javascript
增强的 JavaScript 的 trim 函数的代码
Aug 13 #Javascript
让回调函数 showResponse 也带上参数的代码
Aug 13 #Javascript
分析 JavaScript 中令人困惑的变量赋值
Aug 13 #Javascript
You might like
DC四月将推出百页特刊漫画 纪念小丑诞生80周年
2020/04/09 欧美动漫
PHP学习之字符串比较和查找
2011/04/17 PHP
php中PDO方式实现数据库的增删改查
2015/05/17 PHP
PHP中引用类型和值类型功能与用法示例
2019/02/26 PHP
PHP swoole和redis异步任务实现方法分析
2019/08/12 PHP
PHP中SESSION过期设置
2021/03/09 PHP
P3P Header解决Cookie跨域的问题
2013/03/12 Javascript
js/jquery去掉空格,回车,换行示例代码
2013/11/05 Javascript
javascript实现类似超链接的效果
2014/12/26 Javascript
Javascript基础教程之函数对象和属性
2015/01/18 Javascript
JavaScript使用concat连接数组的方法
2015/04/06 Javascript
javascript带回调函数的异步脚本载入方法实例分析
2015/07/02 Javascript
基于jquery实现百度新闻导航菜单滑动动画
2016/03/15 Javascript
Nodejs中的this详解
2016/03/26 NodeJs
Bootstrap学习笔记之js组件(4)
2016/06/12 Javascript
Bootstrap Modal对话框如何在关闭时触发事件
2016/12/02 Javascript
基于vue2的table分页组件实现方法
2017/03/20 Javascript
解决webpack dev-server不能匹配post请求的问题
2018/08/24 Javascript
手把手带你入门微信小程序新框架Kbone的使用
2020/02/25 Javascript
[01:55]《走出家门看比赛》——DOTA2 2015国际邀请赛同城线下观战
2015/07/18 DOTA
一个基于flask的web应用诞生(1)
2017/04/11 Python
django的聚合函数和aggregate、annotate方法使用详解
2019/07/23 Python
PyQT5 emit 和 connect的用法详解
2019/12/13 Python
Python实现手机号自动判断男女性别(实例解析)
2019/12/22 Python
PyTorch实现更新部分网络,其他不更新
2019/12/31 Python
动态设置django的model field的默认值操作步骤
2020/03/30 Python
python ETL工具 pyetl
2020/06/07 Python
Python list和str互转的实现示例
2020/11/16 Python
纯css3无js实现的Android Logo(有简单动画)
2013/01/21 HTML / CSS
廉价连衣裙和婚纱礼服在线销售:Tbdress
2019/02/28 全球购物
豪华床上用品 :Jennifer Adams
2019/09/15 全球购物
村党建工作汇报材料
2014/11/02 职场文书
2014年电信员工工作总结
2014/12/19 职场文书
毕业实习证明范本
2015/06/16 职场文书
2016年中秋节寄语大全
2015/12/07 职场文书
pytorch通过训练结果的复现设置随机种子
2021/06/01 Python