离开页面触发事件onunload、onbeforeunload区别

onunload和onbeforeunload两个事件都是在执行页面刷新、关闭、浏览器关闭时能触发，

不过在访问服务器读取新的页面时执行顺序有所不同，并且onunload无法阻止页面的关

闭与刷新，onbeforeunload可以做到。

onunload是在服务器上已经读取到数据，将要替换当前页面时执行，一般用于当离开页

面以后执行的动作。

onbeforeunload是正要向服务器读取新的页面时执行的动作，此事件执行在访问服务器

事件之前，一般用于提醒你是否要离开页面。

例子：

<span style="font-size:18px;"><html>
<head>
<title>test close window</title>
<script type="text/javascript"> function hello(){alert("hello world");
} function ha(){alert("bye");
}function go(){event.returnValue = "真的要退出吗？";}
</script>
</head><body οnlοad="hello();" οnunlοad="ha(); " οnbefοreunlοad="go();">
<h1>hello world</h1>
<a href="http://www.baidu.com">heloo </a>
</body>
</html></span>

离开页面触发事件onunload、onbeforeunload区别相关推荐

Google Analytics虚拟页面和事件追踪的区别
今天在蓝鲸的网站分析笔记中,看了Google Analytics虚拟页面和事件追踪这两个功能的介绍文章,两者是事件跟踪(用来记录不产生页面浏览的用户交互行为)的两种方式.但是仔细对比后却有所区别,具体 ...
input js 离开事件_onBlur事件与onfocus事件（js）（光标到达和离开是触发事件）...
[1.回车键触发事件的js代码在文本框中输入完内容后,经常需要按回车,焦点跳到下个文本框,或者触发按钮事件判断是否按下的为回车非常简单:function EnterPress(){ i o ...
react withRouter 离开页面触发
componentDidMount(){ this.props.router.setRouteLeaveHook(this.props.route, () => { //if (this.sta ...
用户关闭页面前提示，提醒保存内容 Window 的 unload onunload onbeforeunload 事件
用户关闭页面前提示,提醒保存内容 Window 的 unload onunload onbeforeunload 事件在线测试例子: http://kylebing.cn/test/unload-e ...
js捕捉IE窗口失去焦点事件,判断离开页面刷新或关闭的方法
js捕捉IE窗口失去焦点事件,判断离开页面刷新或关闭的方法 javascript如何捕捉IE窗口失去焦点事件 window.onblur = function(e) { //you code }; 弹 ...
onunload,onbeforeunload,load事件
1. Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定.区别 ...
浏览器页面关闭事件获取及处理--onbeforeunload
浏览器在关闭页面操作时,提供onbeforeunload,onunload两个事件. 浏览器onbeforeunload事件会在浏览器关闭前触发,它在用户离开页面之前弹出一个确认框,问用户是否要真正的 ...
vue判断离开当前页面_vue离开当前页面触发的函数代码
vue离开当前页面触发的函数代码我就废话不多说了,大家还是直接看代码吧~ destroyed(){ console.log('销毁') } 补充知识:vue中进入路由页面和离开路由页面后执行函数进 ...
php离开界面监听,js实现用户离开页面前提示是否离开此页面的方法（包括浏览器按钮事件）...
本文实例讲述了js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件).分享给大家供大家参考.具体如下: 用户离开页面前,提示是否离开此页面(包括浏览器按钮事件) window.onbef ...

离开页面触发事件onunload、onbeforeunload区别

离开页面触发事件onunload、onbeforeunload区别相关推荐

最新文章

热门文章