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 相关文章推荐
jQuery AJAX 调用WebService实现代码
Mar 24 Javascript
使用Jquery实现每日签到功能
Apr 03 Javascript
AngularJS 过滤器的简单实例
Jul 27 Javascript
js插件Jcrop自定义截取图片功能
Oct 14 Javascript
canvas实现图像布局填充功能
Feb 06 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(1)
Feb 20 Javascript
Express URL跳转(重定向)的实现方法
Apr 07 Javascript
Node.js console控制台简单用法分析
Jan 04 Javascript
element-ui table组件如何使用render属性的实现
Nov 04 Javascript
vue限制输入框只能输入8位整数和2位小数的代码
Nov 06 Javascript
ES6的异步操作之promise用法和async函数的具体使用
Dec 06 Javascript
JS实现动态倒计时功能(天数、时、分、秒)
Dec 12 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
关于页面优化和伪静态
2009/10/11 PHP
Laravel手动返回错误码示例
2019/10/22 PHP
用jQuery与JSONP轻松解决跨域访问的问题
2014/02/04 Javascript
BAT及各大互联网公司2014前端笔试面试题--JavaScript篇
2014/10/29 Javascript
轻松学习jQuery插件EasyUI EasyUI实现拖放商品放置购物车
2015/11/30 Javascript
SpringMVC restful 注解之@RequestBody进行json与object转换
2015/12/10 Javascript
JavaScript判断是否是微信浏览器
2016/06/13 Javascript
javascript 常用验证函数总结
2016/06/28 Javascript
Highcharts学习之坐标轴
2016/08/02 Javascript
详细解读Jquery各Ajax函数($.get(),$.post(),$.ajax(),$.getJSON())
2016/08/15 Javascript
JavaScript排序算法动画演示效果的实现方法
2016/10/18 Javascript
win系统下nodejs环境安装配置
2017/05/04 NodeJs
Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)
2017/05/09 Javascript
vue axios用法教程详解
2017/07/23 Javascript
bootstrap fileinput插件实现预览上传照片功能
2018/01/23 Javascript
原生JS实现的自动轮播图功能详解
2018/12/28 Javascript
react native 原生模块桥接的简单说明小结
2019/02/26 Javascript
Node.js事件的正确使用方法
2019/04/05 Javascript
ios中视频的最后一桢问题解决
2019/05/14 Javascript
react的hooks的用法详解
2020/10/12 Javascript
对于Python装饰器使用的一些建议
2015/06/03 Python
Python实现公历(阳历)转农历(阴历)的方法示例
2017/08/22 Python
python筛选出两个文件中重复行的方法
2018/05/31 Python
详解python3中zipfile模块用法
2018/06/18 Python
python实践项目之监控当前联网状态详情
2019/05/23 Python
解决Django删除migrations文件夹中的文件后出现的异常问题
2019/08/31 Python
使用Keras预训练模型ResNet50进行图像分类方式
2020/05/23 Python
Python使用for生成列表实现过程解析
2020/09/22 Python
Python在线和离线安装第三方库的方法
2020/10/31 Python
女性时尚在线:IVRose
2019/02/23 全球购物
财务管理个人自荐书范文
2013/11/24 职场文书
中学运动会广播稿
2014/01/19 职场文书
葬礼司仪主持词
2014/03/31 职场文书
2014年人事科工作总结
2014/11/19 职场文书
《堡垒之夜》联动《刺客信条》 4月7日正式上线
2022/04/06 其他游戏
TS 类型兼容教程示例详解
2022/09/23 Javascript