js小技巧--自动隐藏红叉叉
js小技巧--自动隐藏红叉叉
发布时间:2016-12-30 来源:查字典编辑
摘要:当文章中链接的图片失效时,就会看到令人讨厌的红叉叉,虽然图片有alt属性可以补救一下该图的意义,但都给人不友好的感觉。如果给图片加一个判断,...

当文章中链接的图片失效时,就会看到令人讨厌的红叉叉,虽然图片有alt属性可以补救一下该图的意义,但都给人不友好的感觉。

如果给图片加一个判断,当加载失败时就不显示,这样可以产生更令用户满意的体验。

代码如下:

<imgsrc='none.gif'onerror="this.parentNode.removeChild(this)"style="display:none"onload="this.style.display='block'"/>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类