php技术博客
让天下没有搞不定的bug~

img标签onerror属性的用法

今天小涛写程序的时候,发现img标签中有一个onerror属性,以前没有用过,百度了一下,原来他的作用是非常大而且实用的:

我们都不希望用户看到我们网站上面出现无效的图片,即便是出现了无效的图片我们也希望以一种友好的方式告诉用户图片无效,而不是直接给用户看默认的红叉;怎么办,我们可以在图片的onerror事件中将图片的src属性设置为我们网站上已存在的表示图片不存在的图片。从此我们就不需要用程序来判断在数据库里读出来的数据是否存在了,就简化了一步:

img中的onerror事件可以在图片发生成错误触发一个事件,比如当图片加载失败时,用onerror为当前img指定一个默认图片.

用法  <img src=”{$avatar[90]}” width=”60″ height=”60″ onerror=”this.src=’/nophoto.gif'”>

 

技术分享,技术交流,小涛与您共同成长……

赞(0)
未经允许不得转载:PHP技术博客 » img标签onerror属性的用法

评论 1

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    博主博客很不错啊~第一次来,支持博主了!

    热心网友10年前 (2012-05-23)回复