编程 Javascript

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'" />

js小技巧--自动隐藏红叉叉

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

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