编程 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 相关文章推荐

一个挺有意思的Javascript小问题说明

Sep 26 Javascript

使用iframe window的scroll方法控制iframe页面滚动

Mar 05 Javascript

学习JavaScript设计模式(封装)

Nov 26 Javascript

jQuery窗口拖动功能的实现代码

Feb 04 Javascript

微信小程序获取微信运动步数的实例代码

Jul 20 Javascript

Javascript快速实现浏览器系统通知

Aug 26 Javascript

vue2.0 循环遍历加载不同图片的方法

Mar 06 Javascript

Vue在页面右上角实现可悬浮/隐藏的系统菜单

May 04 Javascript

vue指令之表单控件绑定v-model v-model与v-bind结合使用

Apr 17 Javascript

vue-cli3使用mock数据的方法分析

Mar 16 Javascript

vue在线动态切换主题色方案

Mar 26 Javascript

JS实现简单控制视频播放倍速的实例代码

Apr 18 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中计算未知长度的字符串哪个字符出现的次数最多的代码

2012/08/14 PHP

php引用传值实例详解学习

2013/11/06 PHP

用PHP代码在网页上生成图片

2015/07/01 PHP

利用JQuery动画制作滑动菜单项效果实现步骤及代码

2013/02/07 Javascript

Ext JS添加子组件的误区探讨

2013/06/28 Javascript

使用firebug进行调试javascript的示例

2013/12/16 Javascript

JavaScript面向对象编程入门教程

2014/04/16 Javascript

javascript格式化日期时间方法汇总

2015/06/19 Javascript

JavaScript实现级联菜单的方法

2015/06/29 Javascript

JS提示：Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法

2016/08/19 Javascript

基于jQuery和CSS3实现APPLE TV海报视差效果

2017/06/16 jQuery

Vue自定义指令详解

2017/07/28 Javascript

详解基于Angular4+ server render(服务端渲染)开发教程

2017/08/28 Javascript

微信小程序实现YDUI的ScrollNav组件

2018/02/02 Javascript

jQuery+PHP实现上传裁剪图片

2020/06/29 jQuery

vue微信分享到朋友圈 vue微信发送给好友

2018/11/28 Javascript

在vue中使用setInterval的方法示例

2019/04/16 Javascript

使用webpack5从0到1搭建一个react项目的实现步骤

2020/12/16 Javascript

[03:14]DOTA2斧王英雄基础教程

2013/11/26 DOTA

[07:25]DOTA2-DPC中国联赛2月5日Recap集锦

2021/03/11 DOTA

python语言time库和datetime库基本使用详解

2020/12/25 Python

canvas 如何绘制线段的实现方法

2018/07/12 HTML / CSS

类、抽象类、接口的差异

2016/06/13 面试题

应届生船舶驾驶求职信

2013/10/19 职场文书

物业管理计划书

2014/01/10 职场文书

四年级数学教学反思

2014/02/02 职场文书

党建工作目标管理责任书

2015/01/29 职场文书

求职推荐信范文

2015/03/27 职场文书

医院办公室主任岗位职责

2015/04/01 职场文书

2015年学校教务处工作总结

2015/05/11 职场文书

Nginx 根据URL带的参数转发的实现

2021/04/01 Servers

详解Python类和对象内容

2021/06/22 Python

mysql备份策略的实现(全量备份+增量备份)

2021/07/07 MySQL

解决MySQL添加新用户-ERROR 1045 (28000)的问题

2022/03/03 MySQL

Python+Selenium自动化环境搭建与操作基础详解

2022/03/13 Python

微前端qiankun改造日渐庞大的项目教程

2022/06/21 Javascript