图片无法加载时onerror处理

来源:互联网 发布:为什么知乎很多反政府 编辑:程序博客网 时间:2024/05/21 16:54

1.当我们设置的图片无法加载或者设置默认图片时,都可以使用onerror,可以省去一些判断

一,直接写在行内,简单但是可能存在隐患,当设置的默认图片不存在或者因为网速没有加载出来时,会造成抖动,以至浏览器崩溃

<img src="" alt="" onerror="javascript:this.src='./images/default.jpg'">

二.网上很多这样写,但是存在火狐不兼容的情况

<img src="./images/0.jpg" alt="" onerror="nofind()">
<script>
function nofind(){  
        var img=event.srcElement;  
        img.src="./default.jpg";  
img.onerror=null;       //控制不要一直跳动  
    }
</script>

三.我认为这样更好

<img src="./images/0.jpg" alt="" onerror="nofind(this)">
<script>
function nofind(_this){
_this.src="./images/default.jpg";
_this.onerror=null; 
}
</script>

0 0
原创粉丝点击