Onunload,onbeforeunload作用,调用时机
Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定。区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。
Onbeforeunload也是在Onunload,onbeforeunload或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取;而onunload则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调用。Onunload是无法阻止页面的更新和关闭的。而 Onbeforeunload 可以做到。
1、onbeforeunload事件:
说明:目前三大主流浏览器中firefox和IE都支持onbeforeunload事件,opera尚未支持。
用法:
·object.onbeforeunload = handler
·<element onbeforeunload = “handler” … ></element>
描述:
事件触发的时候弹出一个有确定和取消的对话框,确定则离开页面,取消则继续待在本页。handler可以设一个返回值作为该对话框的显示文本。
触发于:
·关闭浏览器窗口
·通过地址栏或收藏夹前往其他页面的时候
·点击返回,前进,刷新,主页其中一个的时候
·点击 一个前往其他页面的url连接的时候
·调用以下任意一个事件的时候:click,document write,document open,document close,window close ,window navigate ,window NavigateAndFind,location replace,location reload,form submit.
·当用window open打开一个页面,并把本页的window的名字传给要打开的页面的时候。
·重新赋予location.href的值的时候。
·通过input type=”submit”按钮提交一个具有指定action的表单的时候。
可以用在以下元素:
·BODY, FRAMESET, window
平台支持:
IE4+/Win, Mozilla 1.7a+, Netscape 7.2+, Firefox0.9+
示例:
<html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
<title>onbeforeunload测试</title>
<script>
function checkLeave(){
event.returnValue=”确定离开当前页面吗?”;
}
</script>
</head>
<body οnbefοreunlοad=”checkLeave()”>
</body>
</html>
示例2:
window.onbeforeunload = function() {
if(已经输入不少内容了){
return "确认要离开此页面吗?";
}
};
2、onunload事件
用法:
·object.onbeforeunload = handler
·<element onbeforeunload = “handler”></element>
描述:
当用户关闭一个页面时触发 onunload 事件。
触发于:
·关闭浏览器窗口
·通过地址栏或收藏夹前往其他页面的时候
·点击返回,前进,刷新,主页其中一个的时候
·点击 一个前往其他页面的url连接的时候
·调用以下任意一个事件的时候:click,document write,document open,document close,window close ,window navigate ,window NavigateAndFind,location replace,location reload,form submit.
·当用window open打开一个页面,并把本页的window的名字传给要打开的页面的时候。
·重新赋予location.href的值的时候。
·通过input type=”submit”按钮提交一个具有指定action的表单的时候。
示例:
<html xmlns=http://www.w3.org/1999/xhtml>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
<title>onunload测试</title>
<script>
function checkLeave(){
alert(”欢迎下次再来!”);
}
</script>
</head>
<body οnunlοad=”checkLeave()”>
</body>
</html>
Onunload,onbeforeunload作用,调用时机相关推荐
- onunload,onbeforeunload,load事件
1. Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定.区别 ...
- Android ViewGroup的draw和onDraw的调用时机
Android ViewGroup的draw和onDraw的调用时机 View.draw和View.onDraw的调用关系 首先,View.draw和View.onDraw是两个不同的方法,只有Vie ...
- 关于Activity onNewIntent方法的调用时机
在官方API上的说明如下: http://developer.android.com/reference/android/app/Activity.html#onNewIntent(android.c ...
- (0083)iOS开发之layoutSubviews 的调用时机
在写程序时候遇见layoutSubviews触发时候引起的问题. 思考 1:layoutSubviews 的调用时机? 2:layoutSubviews的用途? layoutSubviews在以下情况 ...
- onlevelwasloaded的调用时机
onlevelwasloaded的调用时机 并不是任何场景加载完成后都会触发该事件,必须使用场景加载API才能触发onlevelwasloaded函数,场景加载API如 scenemanager.lo ...
- 【转】 onNewIntent调用时机
onNewIntent调用时机 在IntentActivity中重写下列方法:onCreate onStart onRestart onResume onPause onStop onDestro ...
- defer 被调用时机
defer 被调用时机 代码测试 package mainimport("fmt" )func main(){deferOpp()deferOppP(8)a:=deferOppP1 ...
- Angular Component ngOnInit和ngAfterViewInit调用时机的讨论
ngOnInit 在refreshView里,ngOnInit当成是PreOrderHooks来执行: 而ngAfterViewInit的调用时机:在ngOnInit之后,注释里写得比较清楚. 其中红 ...
- Android应用开发——onStop的调用时机
onStop的调用时机,网上搜索到的说法大概是:" onStop的调用是"The activity is no longer visible",也就是完全不可见的时候调用 ...
- Android应用开发—setResult()的调用时机
本文转载自setResult()的调用时机,此处做了重新的排版,只是感觉markdown的排版比较好看些,侵删. 今天遇到这样一个问题,我在Activity-A中用startActivityForRe ...
最新文章
- Android对话框-下篇-之设置activity为Dialog
- Windows 7 开发系列汇总
- css3 使用SVG做0.5px 的边框细线
- 学习进度条(第六周)
- 主数据、业务数据、控制数据
- Windows10 手机应用程序开发 - 3. 做一个简单的计算器界面
- 轻松自动化---selenium-webdriver(python) (三)
- jmeter参数化之配置元件CSV控件
- 【课程作业】表达学习 人脸图像复原 实验记录
- 快速下载TUM数据集
- Pascal VOC Dataset 下载地址
- 如何在电脑上给视频去水印
- 人工智能是怎么准备训练样本的
- 攒机需要注意的8条技巧 转太平洋网
- mysql只有32位的吗_#金鸡奖##星辰大海演员计划#32位青年演员曝光,并非只有周冬雨斩获过金马奖...
- 在Windows下安装苹果系统内含Xcode5.1.1(大学课程《iphone应用开发》))
- 【LTE】LTE轻松进阶学习笔记-接口协议(4)
- 思杰pvs服务器压力无法最大化,XXX学校桌面虚拟化方案资料.docx
- 基于心理学角度对大班幼儿入园哭闹现象分析
- Unity中实现视觉弯曲——Curved World插件(制作跑酷类游戏)