IMG的onerror事件的另一个用武之地:
我们都不希望用户看到我们网站上面出现无效的图片,即便是出现了无效的图片我们也希望以一种友好的方式告诉用户图片无效,而不是直接给用户看默认的红叉;怎么办,我们可以在图片的onerror事件中将图片的src属性设置为我们网站上已存在的表示图片不存在的图片。
代码示例:
<img src="http://www.xxx.com/someImage.gif"
onerror="this.src='http://www.xxx.com/invlid.gif'"/>
或
<script>
function imgErr(img)
{
img.src='Shop/UploadPhotos/tu.jpg';
}
</script>
<img src="pic/digi/ <%=rs("pic")%> .jpg" alt="sssss" width="319" height="350" onError="imgErr(this)" />
本文介绍了一种使用IMG的onerror事件来优雅地处理网站上的无效图片的方法。通过预先设定错误处理逻辑,当图片加载失败时,可以自动替换为有效的占位符图片,提升用户体验。
599

被折叠的 条评论
为什么被折叠?



