js小技巧--自动隐藏红叉叉
时间:2021-08-03 08:58:33|栏目:JavaScript代码|点击: 次
当文章中链接的图片失效时,就会看到令人讨厌的红叉叉,虽然图片有alt属性可以补救一下该图的意义,但都给人不友好的感觉。
如果给图片加一个判断,当加载失败时就不显示,这样可以产生更令用户满意的体验。
代码如下:
<img src='none.gif' onerror="this.parentNode.removeChild(this)" style="display:none" onload="this.style.display='block'" />
如果给图片加一个判断,当加载失败时就不显示,这样可以产生更令用户满意的体验。
代码如下:
<img src='none.gif' onerror="this.parentNode.removeChild(this)" style="display:none" onload="this.style.display='block'" />
上一篇:分离与继承的思想实现图片上传后的预览功能:ImageUploadView
栏 目:JavaScript代码
本文标题:js小技巧--自动隐藏红叉叉
本文地址:http://www.codeinn.net/misctech/163839.html