html的DOM中Event对象onabort事件用法实例


Posted in Javascript onJanuary 21, 2015

本文实例讲述了html的DOM中Event对象onabort事件用法。分享给大家供大家参考。具体分析如下:

onabort 事件会在图像加载被中断时发生。

当用户在图像完成载入之前放弃图像的装载(如单击了 stop 按钮)时,就会调用该句柄。

语法:

onabort="SomeJavaScriptCode"

SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。

支持该事件的 HTML 标签:
<img>

支持该事件的 JavaScript 对象:
image

在本例中,如果图像的加载被中断,则会显示一个对话框:

<img src="image_w3default.gif" onabort="alert('Error: Loading of the image was aborted')" />

例子:如果图像的加载中断,调用一个函数:
<html>

<head>

<script type="text/javascript">

function abortImage()

{

alert('Error: Loading of the image was aborted')

}

</script>

</head>
<body>

<img src="image_w3default.gif" onabort="abortImage()" />

</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
Enter回车切换输入焦点实现思路与代码兼容各大浏览器
Sep 01 Javascript
用C/C++来实现 Node.js 的模块(一)
Sep 24 Javascript
基于JavaScript如何制作遮罩层对话框
Jan 26 Javascript
jQuery+PHP实现微信转盘抽奖功能的方法
May 25 Javascript
基于Bootstrap漂亮简洁的CSS3价格表(附源码下载)
Feb 28 Javascript
Node.js 8 中的 util.promisify的详解
Jun 12 Javascript
浅谈webpack-dev-server的配置和使用
May 17 Javascript
浅谈React的最大亮点之虚拟DOM
May 29 Javascript
js实现轮播图的完整代码
Oct 26 Javascript
详解angular2如何手动点击特定元素上的点击事件
Oct 16 Javascript
利用JavaScript将Excel转换为JSON示例代码
Jun 14 Javascript
详解JavaScript中精度失准问题及解决方法
Feb 04 Javascript
封装好的一个万能检测表单的方法
Jan 21 #Javascript
html的DOM中Event对象onblur事件用法实例
Jan 21 #Javascript
JS简单计算器实例
Jan 20 #Javascript
jQuery元素的隐藏与显示实例
Jan 20 #Javascript
DOM基础教程之使用DOM设置文本框
Jan 20 #Javascript
DOM基础教程之使用DOM控制表单
Jan 20 #Javascript
DOM基础教程之使用DOM控制表格
Jan 20 #Javascript
You might like
解析thinkphp import 文件内容变量失效的问题
2013/06/20 PHP
laravel5.4利用163邮箱发送邮件的步骤详解
2017/09/22 PHP
js 异步处理进度条
2010/04/01 Javascript
javascript 获取页面的高度及滚动条的位置的代码
2010/05/06 Javascript
AngularJS的表单使用详解
2015/06/17 Javascript
jQuery寻找n以内完全数的方法
2015/06/24 Javascript
javascript中call apply 与 bind方法详解
2016/03/10 Javascript
jquery checkbox的相关操作总结
2016/10/17 Javascript
Bootstrap栅格系统的使用和理解2
2016/12/14 Javascript
Html5 js实现手风琴效果
2020/04/17 Javascript
js实现贪吃蛇小游戏(容易理解)
2017/01/22 Javascript
jQuery实现优雅的弹窗效果(6)
2017/02/08 Javascript
jQuery封装placeholder效果实现方法,让低版本浏览器支持该效果
2017/07/08 jQuery
vue2.0 better-scroll 实现移动端滑动的示例代码
2018/01/25 Javascript
Vue事件处理原理及过程详解
2020/03/11 Javascript
javascript设计模式 ? 解释器模式原理与用法实例分析
2020/04/17 Javascript
vue自定义标签和单页面多路由的实现代码
2020/05/03 Javascript
解决基于 keep-alive 的后台多级路由缓存问题
2020/12/23 Javascript
[01:45]2014DOTA2 TI预选赛预选赛 大神专访第二弹!
2014/05/20 DOTA
[54:53]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第二场
2014/05/23 DOTA
[03:02]生活中的Dendi之野外度假篇
2016/08/09 DOTA
[00:59]DOTA2荣耀之路1:Doom is back!weapon X!
2018/05/22 DOTA
简单介绍Python中的filter和lambda函数的使用
2015/04/07 Python
浅谈python中get pass用法
2019/03/19 Python
Python基于数列实现购物车程序过程详解
2020/06/09 Python
Python tempfile模块生成临时文件和临时目录
2020/09/30 Python
python opencv肤色检测的实现示例
2020/12/21 Python
HTML5实现自带进度条和滑块滑杆效果
2018/04/17 HTML / CSS
美体小铺加拿大官方网站:The Body Shop加拿大
2016/10/30 全球购物
中国电子产品批发商/跨境电商/外贸网:Sunsky-online
2020/04/20 全球购物
挂职自我鉴定
2014/02/26 职场文书
打造高效课堂实施方案
2014/03/22 职场文书
小学生爱国演讲稿
2014/04/25 职场文书
Python控制台输出俄罗斯方块的方法实例
2021/04/17 Python
浅谈css实现背景颜色半透明的两种方法
2021/12/06 HTML / CSS
vue-cil之axios的二次封装与proxy反向代理使用说明
2022/04/07 Vue.js