1.当我们设置的图片无法加载或者设置默认图片时,都可以使用onerror,可以省去一些判断
一,直接写在行内,简单但是可能存在隐患,当设置的默认图片不存在或者因为网速没有加载出来时,会造成抖动,以至浏览器崩溃
<img src="" alt="" οnerrοr="javascript:this.src='./images/default.jpg'">
二.网上很多这样写,但是存在火狐不兼容的情况
<img src="./images/0.jpg" alt="" οnerrοr="nofind()">
<script>
function nofind(){
var img=event.srcElement;
img.src="./default.jpg";
img.οnerrοr=null; //控制不要一直跳动
}
</script>
三.我认为这样更好
<img src="./images/0.jpg" alt="" οnerrοr="nofind(this)">
<script>
function nofind(_this){
_this.src="./images/default.jpg";
_this.οnerrοr=null;
}
</script>