求一段js,判断图片地址返回的服务器信息,隐藏img元素

yuyangzxw 2015-05-08 02:04:56
求一段js,读取网页所有img元素的图片地址,判断该地址返回的服务器信息,如果返回403状态码,则修改或增加img元素的style为 style="display:none"

比如:
<img src="http://a.b.c/xzy" width="200" height="50">中的 http://a.b.c/xzy 返回403代码,则修改代码为
<img src="http://a.b.c/xzy" width="200" height="50" style="display:none">
最好是js代码,不要ajax或者jq语法,支持ie各个版本和chrome,Firefox游览器的代码,谢谢了
...全文
141 1 打赏 收藏 转发到动态 举报
写回复
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
Go 旅城通票 2015-05-08
  • 打赏
  • 举报
回复
这个无法判断,你要在服务器端进行替换,给每个img增加onerror事件,如果触发就隐藏img对象 <img onerror="this.style.display='none'" src="http://a.b.c/xzy" width="200" height="50"> 当然你也可以在body最后获取所有img后添加onerror事件,不过要是图片再最前是错误的有可能图片返回错误了oneror事件还没加上,导致无法隐藏
<script>
    var img = document.getElementsByTagName('img');
    for (var i = 0; i < img.length; i++) img[i].onerror = function () { this.style.display='none;}
</script>
</body>
所以最保险的方法就是在服务器端进行<img替换为<img onerror="this.style.display='none"
相关推荐

87,717

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告