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 相关文章推荐
XMLHTTPRequest的属性和方法简介
Nov 23 Javascript
拖动table标题实现改变td的大小(css+js代码)
Apr 16 Javascript
Javascript中arguments用法实例分析
Jun 13 Javascript
jquery选择器简述
Aug 31 Javascript
纯JavaScript代码实现移动设备绘图解锁
Oct 16 Javascript
浅谈javascript中replace()方法
Nov 10 Javascript
BootStrap Fileinput初始化时的一些参数
Dec 30 Javascript
layui实现table加载的示例代码
Aug 14 Javascript
VUE简单的定时器实时刷新的实现方法
Jan 20 Javascript
vue实现移动端轻量日期组件不依赖第三方库的方法
Apr 28 Javascript
详解vue 命名视图
Aug 14 Javascript
Vue实现todo应用的示例
Feb 20 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 Xdebug 调试扩展的安装与使用.
2010/03/13 PHP
php自动注册登录验证机制实现代码
2011/12/20 PHP
php基础教程 php内置函数实例教程
2012/08/21 PHP
适用于抽奖程序、随机广告的PHP概率算法实例
2014/04/09 PHP
Zend Framework实现Zend_View集成Smarty模板系统的方法
2016/03/05 PHP
PHP读取文本文件并逐行输出该行使用最多的字符与对应次数的方法
2016/11/25 PHP
Prototype使用指南之hash.js
2007/01/10 Javascript
jQuery EasyUI API 中文文档 - Dialog对话框
2011/11/15 Javascript
JS实现下拉框的动态添加(附效果)
2013/04/03 Javascript
图片轮换效果实现代码(点击按钮停止执行)
2013/04/12 Javascript
JavaScript作用域链使用介绍
2013/08/29 Javascript
jquery+html5烂漫爱心表白动画代码分享
2015/08/24 Javascript
js实现3D图片逐张轮播幻灯片特效代码分享
2015/09/09 Javascript
Bootstrap入门书籍之(五)导航条、分页导航
2016/02/17 Javascript
深入解析JavaScript中的arguments对象
2016/06/12 Javascript
AngularJs导出数据到Excel的示例代码
2017/08/11 Javascript
对存在JavaScript隐式类型转换的四种情况的总结(必看篇)
2017/08/31 Javascript
Angular弹出模态框的两种方式
2017/10/19 Javascript
微信小程序 JS动态修改样式的实现方法
2018/12/16 Javascript
如何用JavaScript实现功能齐全的单链表详解
2019/02/11 Javascript
微信小程序实现打开并下载服务器上面的pdf文件到手机
2019/09/20 Javascript
JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例
2019/11/19 Javascript
webpack 最佳配置指北(推荐)
2020/01/07 Javascript
[16:14]教你分分钟做大人:米拉娜(HEROS)
2014/11/24 DOTA
linux系统使用python监测网络接口获取网络的输入输出
2014/01/15 Python
使用 Visual Studio Code(VSCode)搭建简单的Python+Django开发环境的方法步骤
2018/12/17 Python
Python实现html转换为pdf报告(生成pdf报告)功能示例
2019/05/04 Python
python实现代码统计器
2019/09/19 Python
python求前n个阶乘的和实例
2020/04/02 Python
在python中利用pycharm自定义代码块教程(三步搞定)
2020/04/15 Python
python中翻译功能translate模块实现方法
2020/12/17 Python
微信html5页面调用第三方位置导航的示例
2018/03/14 HTML / CSS
医学求职信
2014/05/28 职场文书
教师工作表现自我评价
2015/03/05 职场文书
撤诉申请怎么写
2015/05/19 职场文书
新手必备之MySQL msi版本下载安装图文详细教程
2021/05/21 MySQL