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 相关文章推荐
js创建对象的几种常用方式小结(推荐)
Oct 24 Javascript
基于Jquery的简单图片切换效果
Jan 06 Javascript
20款效果非常棒的 jQuery 插件小结分享
Nov 18 Javascript
Jquery通过Ajax访问XML数据的小例子
Nov 18 Javascript
jquery实现拖拽调整Div大小
Jan 30 Javascript
对javascript继承的理解
Oct 11 Javascript
JavaScript注册时密码强度校验代码
Jun 30 Javascript
VUE+Element UI实现简单的表格行内编辑效果的示例的代码
Oct 31 Javascript
如何在JavaScript中谨慎使用代码注释
Jun 21 Javascript
使用Layer组件弹出多个对话框(非嵌套)与关闭及刷新的例子
Sep 25 Javascript
Vue父组件监听子组件生命周期
Sep 03 Javascript
解决vue2中使用elementUi打包报错的问题
Sep 22 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
PHP变量内存分配问题记录整理
2013/11/27 PHP
php约瑟夫问题解决关于处死犯人的算法
2015/03/23 PHP
Zend Framework教程之Zend_Db_Table表关联实例详解
2016/03/23 PHP
10个实用的脚本代码工具
2010/05/04 Javascript
jQuery插件开发全解析
2012/10/10 Javascript
JQuery插件jcarousellite的参数中文说明
2015/05/11 Javascript
使用Chrome浏览器调试AngularJS应用的方法
2015/06/18 Javascript
JS实现漂亮的时间选择框效果
2016/08/20 Javascript
jQuery动态添加.active 实现导航效果代码思路详解
2017/08/29 jQuery
mockjs,json-server一起搭建前端通用的数据模拟框架教程
2017/12/18 Javascript
js解决软键盘遮挡输入框的问题分享
2017/12/19 Javascript
Vue实现开心消消乐游戏算法
2019/10/22 Javascript
python中MySQLdb模块用法实例
2014/11/10 Python
python使用sorted函数对列表进行排序的方法
2015/04/04 Python
Python批量查询域名是否被注册过
2017/06/21 Python
分析python请求数据
2018/08/19 Python
python编程使用协程并发的优缺点
2018/09/20 Python
为什么Python中没有&quot;a++&quot;这种写法
2018/11/27 Python
python模拟登陆,用session维持回话的实例
2018/12/27 Python
Python3模拟curl发送post请求操作示例
2019/05/03 Python
在pandas中遍历DataFrame行的实现方法
2019/10/23 Python
Python3的socket使用方法详解
2020/02/18 Python
乐高官方旗舰店:LEGO积木玩具
2019/04/06 全球购物
三星法国官方网站:Samsung法国
2019/10/31 全球购物
澳大利亚宠物食品和用品商店:PETstock
2020/01/02 全球购物
资深生产主管自我评价
2013/09/22 职场文书
捐助倡议书范文
2014/04/15 职场文书
县政府领导班子“四风”方面突出问题整改措施
2014/09/23 职场文书
维稳承诺书
2015/01/20 职场文书
2015银行年终工作总结范文
2015/05/26 职场文书
幼儿园教师管理制度
2015/08/05 职场文书
2017寒假社会实践心得体会范文
2016/01/14 职场文书
2016教师学习党章心得体会
2016/01/15 职场文书
2016年感恩父亲节活动总结
2016/04/01 职场文书
springcloud之Feign超时问题的解决
2021/06/24 Java/Android
Spring Data JPA框架的核心概念和Repository接口
2022/04/28 Java/Android