欢迎来到Java学习网!
设为首页 | 加入收藏
当前位置: 首页 > Java语言 > HTML教程 >

HTML中<IMG>标签onerror属性图片加载失败用法

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

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

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

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

    相关教程
    推荐内容