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类 from qq
Nov 13 Javascript
javascript实现避免页面按钮重复提交
Jan 08 Javascript
JS实现图片放大镜效果的方法
Feb 27 Javascript
JS设置网页图片vspace和hspace属性的方法
Apr 01 Javascript
原生js制作日历控件实例分享
Apr 06 Javascript
微信小程序 location API实例详解
Oct 02 Javascript
详解VUE-地区选择器(V-Distpicker)组件使用心得
May 07 Javascript
vue实现word,pdf文件的导出功能
Jul 31 Javascript
jquery实现垂直无限轮播的方法分析
Jul 16 jQuery
一篇文章带你搞懂Vue虚拟Dom与diff算法
Aug 25 Javascript
Vue中用JSON实现刷新界面不影响倒计时
Oct 26 Javascript
vue+element实现动态加载表单
Dec 13 Vue.js
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 多进程 解决难题
2009/06/22 PHP
通用PHP动态生成静态HTML网页的代码
2010/03/04 PHP
PHP附件下载中文名称乱码的解决方法
2015/12/17 PHP
PHP定时任务获取微信access_token的方法
2016/10/10 PHP
使用 JScript 创建 .exe 或 .dll 文件的方法
2011/07/13 Javascript
js多级树形弹出一个小窗口层(非常好用)实例代码
2013/03/19 Javascript
js实现登陆遮罩效果的方法
2015/07/28 Javascript
JS简单限制textarea内输入字符数量的方法
2015/10/14 Javascript
JavaScript检查子字符串是否在字符串中的方法
2016/02/03 Javascript
微信小程序组件 contact-button(客服会话按钮)详解及实例代码
2017/01/10 Javascript
基于vue2的table分页组件实现方法
2017/03/20 Javascript
详解Vue用自定义指令完成一个下拉菜单(select组件)
2017/10/31 Javascript
JavaScript多态与封装实例分析
2018/07/27 Javascript
vue2.0获取鼠标位置的方法
2018/09/13 Javascript
vue的keep-alive用法技巧
2019/08/15 Javascript
浏览器JavaScript调试功能无法使用解决方案
2020/09/18 Javascript
[03:07]2015国际邀请赛选手档案EHOME.rOtK 是什么让他落泪?
2015/07/31 DOTA
[58:23]LGD vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
Python实现的几个常用排序算法实例
2014/06/16 Python
python获取中文字符串长度的方法
2018/11/14 Python
python调用函数、类和文件操作简单实例总结
2019/11/29 Python
Python3 使用map()批量的转换数据类型,如str转float的实现
2019/11/29 Python
Python实现在线批量美颜功能过程解析
2020/06/10 Python
Python3爬虫里关于识别微博宫格验证码的知识点详解
2020/07/30 Python
python 制作本地应用搜索工具
2021/02/27 Python
css3的transition属性详解
2014/12/15 HTML / CSS
美国著名珠宝品牌之一:Jared The Galleria Of Jewelry
2016/10/01 全球购物
美国独家设计师眼镜在线光学商店:Glasses Gallery
2017/12/28 全球购物
NHL官方在线商店:Shop.NHL.com
2020/05/01 全球购物
弄虚作假心得体会
2014/09/10 职场文书
县政府办公室领导班子对照检查材料思想汇报
2014/09/28 职场文书
郭明义电影观后感
2015/06/08 职场文书
诚实守信主题班会
2015/08/13 职场文书
高考升学宴主持词
2019/06/21 职场文书
Golang bufio详细讲解
2022/04/21 Golang
CentOS7 minimal 最小化安装网络设置过程
2022/12/24 Servers