JavaScript-onerror事件:图片加载失败后不显示
2024-08-28 14:58:09
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-onerror事件:图片加载失败后不显示
最新文章
- Blogging with github Pages
- 第六百一十六天 how can I 坚持
- Linux终端更改提示符
- [KOJ6997]旅行商问题二
- (8) 深入理解Java Class文件格式(七)
- ABAP BDC
- 二叉树的遍历(递归,迭代,Morris遍历)
- 怎么在SQL Server 2008中还原.mdf数据文件
- [转载]MongoDB优化的几点原则
- xpath选择器
- 【原创】Linux 增加系统调用
- Win8.1专业版、核心板和企业版有什么区别
- 【android自己定义控件】自己定义View属性
- 自学javaee程序员之路--ssm的小项目(一)
- windows 系统中的 afd 驱动
- apache2.2 虚拟主机配置(转)
- 【Nginx】服务器中HTTP 301跳转到带www的域名的方法
- java web 程序---投票系统
- android 最新 NDK r8 在window下开发环境搭建 安装配置与使用 详细图文讲解,完整实际配置过程记录(原创)
- [Codeforces #201] Tutorial