zoukankan      html  css  js  c++  java
  • 用Javascript判断图片是否存在,不存在则显示默认图片 onerror事件

    <img width="90" height="120" src="../images/avatars/default.jpg" onerror="javascript:this.src='../images/avatars/default.jpg'" border="0"/>

    或者<img width="90" height="120" src="../images/avatars/default.jpg" onerror="this.src='../images/avatars/default.jpg'" border="0"/>

    当图片不存在时,将触发onerror,onerror 中img为 指定的默认图片。 图片存在则显示正常图片,图片不存在将显示默认。但如果默认图片也不存在,则继续触发 onerror,导致循环,出现错误。 如果图片存在,但网络很不通畅,也可能触发 onerror。

    所以要确保 onerror 中的图片足够小,并且存在。

    另外一种防止死循环的方式是调用一个方法,只执行一次onerror,代码如下:

    function imgOnerror(img){ img.src="../images/avatars/default.jpg"; img.onerror=null;//控制不要一直跳动 } <img width="90" height="120" src="../images/avatars/default.jpg" onerror="imgOnerror(this)" border="0"/>

  • 相关阅读:
    计算机网络基础知识整理
    计算机操作系统知识整理
    各类编程语言的主要用途
    计算机的基本组成知识整理
    对IT行业的看法和对软件工程的理解
    正规文法转换
    语法树评论
    c语言文法定义
    词法分析
    0909我对编译原理的见解
  • 原文地址:https://www.cnblogs.com/3rocks/p/2108476.html
Copyright © 2011-2022 走看看