当前位置: 移动技术网 > IT编程>开发语言>JavaScript > js小技巧--自动隐藏红叉叉

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

2019年08月01日  | 移动技术网IT编程  | 我要评论
当文章中链接的图片失效时,就会看到令人讨厌的红叉叉,虽然图片有alt属性可以补救一下该图的意义,但都给人不友好的感觉。 
如果给图片加一个判断,当加载失败时就不显示,这样可以产生更令用户满意的体验。 
代码如下:
<img src='none.gif' onerror="this.parentnode.removechild(this)" style="display:none" onload="this.style.display='block'" />

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网