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将json格式内容转换成对象的方法
Nov 01 Javascript
调试JavaScript中正则表达式中遇到的问题
Jan 27 Javascript
javascript中SetInterval与setTimeout的定时器用法
Aug 24 Javascript
Bootstrap基本组件学习笔记之按钮组(8)
Dec 07 Javascript
AngularJS学习第二篇 AngularJS依赖注入
Feb 13 Javascript
浅谈对Angular中的生命周期钩子的理解
Jul 31 Javascript
纯js实现页面返回顶部的动画(超简单)
Aug 10 Javascript
前端图片懒加载(lazyload)的实现方法(提高用户体验)
Aug 21 Javascript
小程序获取周围IBeacon设备的方法
Oct 31 Javascript
微信小程序导航栏跟随滑动效果的实现代码
May 14 Javascript
发布订阅模式在vue中的实际运用实例详解
Jun 09 Javascript
微信小程序如何播放腾讯视频的实现
Sep 20 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 echo,print,printf,sprintf函数之间的区别与用法详解
2013/11/27 PHP
自适应高度框架 ----属个人收藏内容
2007/01/22 Javascript
使用Math.floor与Math.random取随机整数的方法详解
2013/05/07 Javascript
JQuery异步加载无限下拉框级联功能实现示例
2014/02/19 Javascript
JavaScript中的变量定义与储存介绍
2014/12/31 Javascript
原生javascript实现DIV拖拽并计算重复面积
2015/01/02 Javascript
JavaScript插件化开发教程 (三)
2015/01/27 Javascript
JavaScript如何调试有哪些建议和技巧附五款有用的调试工具
2015/10/28 Javascript
jQuery实现二级下拉菜单效果
2016/01/05 Javascript
jQuery取得iframe中元素的常用方法详解
2016/01/14 Javascript
JS中sort函数排序用法实例分析
2016/06/16 Javascript
基于JavaScript实现树形下拉框
2016/08/10 Javascript
JavaScript中ES6字符串扩展方法
2016/08/26 Javascript
Express+Nodejs 下的登录拦截实现代码
2017/07/01 NodeJs
vue绑定class与行间样式style详解
2017/08/16 Javascript
JS秒杀倒计时功能完整实例【使用jQuery3.1.1】
2019/09/03 jQuery
vue使用canvas实现移动端手写签名
2020/09/22 Javascript
js canvas实现俄罗斯方块
2020/10/11 Javascript
JS highcharts动态柱状图原理及实现
2020/10/16 Javascript
使用Django的模版来配合字符串翻译工作
2015/07/27 Python
Python使用matplotlib绘制多个图形单独显示的方法示例
2018/03/14 Python
python中将正则过滤的内容输出写入到文件中的实例
2018/10/21 Python
python之拟合的实现
2019/07/19 Python
python GUI库图形界面开发之PyQt5控件QTableWidget详细使用方法与属性
2020/02/25 Python
Python使用pycharm导入pymysql教程
2020/09/16 Python
selenium框架中driver.close()和driver.quit()关闭浏览器
2020/12/08 Python
如何用Python编写一个电子考勤系统
2021/02/08 Python
BONIA官方网站:国际奢侈品牌和皮革专家
2016/11/27 全球购物
英国领先的运动物理治疗供应公司:Vivomed
2018/07/14 全球购物
意大利运动服减价商店:ScontoSport
2020/03/10 全球购物
Delphi CS笔试题
2014/01/04 面试题
入党自我评价范文
2014/02/02 职场文书
拾金不昧锦旗标语
2014/06/27 职场文书
社区活动策划方案
2014/08/21 职场文书
2016开学第一课心得体会
2016/01/23 职场文书
导游词之新疆-喀纳斯
2019/10/10 职场文书