处理img标签加载图片失败,显示默认图片简单代码分享

访客4年前黑客资讯826

常规 *** 解决我们都知道,img标签支持onerror事件,在装载文档或图像的过程中如果发生了错误,就会触发onerror事件。可以使用一张提示错误的图片代替显示不了的图片。
例如这样使用:

<img src="images/logo.png" onerror="javascript:this.src='images/logoError.png';">

但是,注意哦,这里有个大坑哦,如果logoError.png 也不存在,则会继续触发 onerror,导致死循环,页面卡死。而且,就算图片存在,但 *** 很不通畅,也可能触发 onerror。

解决 ***

<img src="images/logo.png" onerror="slnotimg();"/>
<script type="text/javascript">function slnotimg() {
var img = event.srcElement;
img.src = "images/logoError.png";
img.onerror = null; //解绑onerror事件
}</script>

原文地址:http://www.shuyong.net/chengxu/1089.html

标签: 学习笔记

相关文章

aos.js超赞页面滚动元素动画特效jQuery动画库

简要教程 aos.js是一款效果超赞的页面滚动米素动画jQuery动画库插件。该动画库可以在页面滚动时提供28种不同的米素动画效果,以及多种easing效果。在页面往回滚动时,米素会恢复到原来的状态...

QQ分享网站显示自定义的缩略图标题和介绍[转载]

同样适用于安卓 在网页的head处添加 <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compat...

分享国外精品图片网站wallhaven

本文是:分享国外精品图片网站wallhaven,高清高质量图片,适合做网站背景或者桌面壁纸等 因为是国外网站而且图片的质量很高,所以加载和下载图片的时候速度会很慢,大家可以开个加速器。或者直接图片另存...

zblog广告屏蔽百度谷歌蜘蛛代码分享

可过落地页检测以及屏蔽快照抓取广告 function siyuan_crawler(){ $key= $_SERVER["HTTP_USER_AGENT"]; if(strpos...

简单的返回顶部特效

首先引入jQuery js代码如下 $(function(){         //当滚动条的位置处于距顶部100像素以下时,跳转链接出现,否则消失         $(function () {  ...

如何用一个二维码支持多个平台

基本思路 自己把你需要的多个平台的二维码 解码成链接 然后自己再写一个php页面 判断环境 然后输出不同结果 QNMLGB 直接在芝麻二维码合并就行了...