上一篇
下一篇
JS处理所有失效图片
作者:刚子 日期:2009-12-08
<IMG src="http://www.baidu.com/logo.gif" onerror="this.src='/images/nopics.gif'">
大家都知道上面的代码是当前面的图片失效了之后则加载后面的图片，这样可以防止我们网站的图片失效而造成页面非常难看。但是如果我们页面中有大量的图片，如果都用onerror来实现，就比较啰嗦了。
所以提供给大家下面这段JS，是我费了半天劲搞到的。将这段代码放在网页中图片代码的后面（一定要在最后面啊，放在前面就没用了，所以最好放在页面底部），这样这个页面中任意图片不存在了，则会加载我们设置好的图片，是不是很方面了。
程序代码
大家都知道上面的代码是当前面的图片失效了之后则加载后面的图片，这样可以防止我们网站的图片失效而造成页面非常难看。但是如果我们页面中有大量的图片，如果都用onerror来实现，就比较啰嗦了。
所以提供给大家下面这段JS，是我费了半天劲搞到的。将这段代码放在网页中图片代码的后面（一定要在最后面啊，放在前面就没用了，所以最好放在页面底部），这样这个页面中任意图片不存在了，则会加载我们设置好的图片，是不是很方面了。
程序代码<script language="javascript">
var AllImages=document.getElementsByTagName("IMG");
for(i=0;i<AllImages.length;i++)
{
var img=AllImages[i];
img.onerror=function()
{
this.src="http://www.google.com/logos/Logo_25wht.gif";
}
}
</script>
var AllImages=document.getElementsByTagName("IMG");
for(i=0;i<AllImages.length;i++)
{
var img=AllImages[i];
img.onerror=function()
{
this.src="http://www.google.com/logos/Logo_25wht.gif";
}
}
</script>
文章来自: 
引用通告: 
Tags: 评论: 0 | 引用: 0 | 查看次数: -
发表评论