图片路径不存在,或者错误时,简单替换路径方法
很简单直接上代码
<img src="/img/a.jpg"
"javascript:this.src='/img/b.jpg';"
style="width:80px;margin-right:5px;display:block" />
img中的onerror功能就可以实现了。
但是,b图片也不存在时,页面就会一直刷新。
此时可以变一下写法:
<img src="./img/a.jpg" "error1()"
style="width:80px;margin-right:5px;display:block" />
<script type="text/javascript">
function error1(){
var img=event.srcElement;
img.src="./img/b.jpg";
img.null;
}
</script>
就不会一直刷新了。
另外:相对路径:./img/b.jpg
在桌面建html文件,和img文件夹,文件夹中放a/b.jpg图片。就可以用相对路径的方式打开图片。
绝对路径为:C:/Users/lr/Desktop/img/a.jpg