交互设计中心-72色

交互设计中心 | 用户体验 | 优化

如何避免网页上出现“可爱”的小红叉

2009年2月2日 | 分类:jquery/javascript | 评论:0 | 引用:0 | | Tags:避免  小红叉  

刚才和同事讨论到“图片丢失或图片地址输入错误”的处理方法,
$ f4 `6 m/ ]& z& X2 n, c我一直都没在意到这个细节,我只管坚持着“错了就改过来”的原则去做站。- K# } M3 z) R7 d4 \6 D: ^6 `
但是错误总是在所难免的,我们也不是有很多时间去测试去检查错误!
1 G- R; y3 |; i* d4 i1 U: e; t8 [www.w3cbbs.com那如何避免网页上出现“可爱”的小红叉呢?( _" w" E3 W/ k
刚才就这个问题写了一段代码,贴出来分享一下

<img alt="" src="logso.png" /> <script type="text/javascript">
function imgerror(){
var imgx=document.getElementsByTagName("img");
for (var i=0;i<imgx.length;i++){
imgx[i].onerror=function() {this.src='http://www.72color.com/themes/garland/style/garland/logo.png';};
}
}
imgerror();
</script>

运行下面的代码看看

 <img alt="" src="logso.png" /> <script type="text/javascript">function imgerror(){var imgx=document.getElementsByTagName("img");for (var i=0;i<imgx.length;i++){imgx[i].onerror=function() {this.src='http://www.72color.com/themes/garland/style/garland/logo.png';};}}imgerror();</script>

原文:http://www.9icss.com/blog/?view-68.html

Share
« 2009我们中国一起牛起来!外面连接的图片要是不显示,就替换掉它 »



◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。