JavaScript-onerror事件:图片加载失败后不显示
2017-06-02 09:35
941 查看
HTML:
<img src="http://www.mazey.net/images/upload/image/20170518/1495122198180663.gif" id="img1" onerror="hideImg1();"> <!--下面这个图加载失败但不会出现加载失败的样式--> <img src="http://www.mazey.net/images/upload/image/20170518/1495120456257031error.png" id="img2" onerror="hideImg2();">
JavaScript:
//加载失败隐藏图片
function hideImg1(){
document.getElementById("img1").style.display="none";
}
function hideImg2(){
document.getElementById("img2").style.display="none";
}说明:
JavaScript-onerror事件:当图片不存在时或者因为网络原因加载失败，将触发onerror事件。本例触发onerror事件后将图片样式设为{display:none;}使其消失。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 【JavaScript】加载失败的红叉图片处理与<img>图片标签的onerror事件
- 用onerror事件捕获图片显示（加载）异常，并用默认图片替换
- 用Javascript判断图片是否存在，不存在则显示默认图片 onerror事件
- JavaScript判断远程图片是否存在,加载完成:onerror 属性- & jQuery实现（如果因为网络或图片的原因发生异常，则显示该图片）~
- JavaScript判断远程图片是否存在,加载完成:onerror 属性- & jQuery实现（如果因为网络或图片的原因发生异常，则显示该图片）~
- JavaScript判断图片是否能够加载,失败则替换默认图片
- 图片onerror事件，为图片加载指定默认图片
- html 加载图片失败显示默认图片
- 推荐插件：imagesLoaded，监测图片加载情况并提供相应的事件（加载成功/失败）
- 图片(img标签)的onerror事件当图片无法加载时处理
- JavaScript-----图片加载失败则加载默认图片
- javascript使图片加载进度实时显示
- 用src属性动态替换图片；图片预加载---鼠标事件实现图片翻转效果；随机显示图片和onClick事件
- img标签添加onerror显示没有加载图片时的图片
- Unity3d:加载Format是RGB24位的图片失败（加载图片显示问号）
- JavaScript预加载图片并显示loading的代码
- 使用jquery给加载失败的img元素显示默认图片
- JavaScript图片预加载代码，显示loading
- 转载-当图片加载失败或者没有的情况下显示默认图片
- 图片加载失败，显示默认图片