避免网页图片链接失效后出现的小红叉

很多人一直都没在意到这个细节,只管坚持着“错了就改过来”的原则去做站。
但是错误总是在所难免的,我们也不是有很多时间去测试去检查错误!
那如何避免网页上出现“可爱”的小红叉呢?

<img src="logso.png" />
<script type="text/javascript">
function imgerror(){
var imgx=document.getElementsByTagName("img");
for (var i=0;i<imgx.length;i++){
imgx.onerror=function() {this.src='http://www.btoss.com/logo.gif';};
}
}
imgerror();
</script>

原理是发现图片链接失效后自动替换为另一张图片。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

Captcha Code