如何使用onbeforeunload事件检测窗口是否刷新或关闭

onunload,onbeforeunload 在页面刷新或关闭时调用,区别在于:

onbeforeunload 是在页面刷新或关闭前触发,这时浏览器并未请求服务器读取新页面,因此onbeforeunload是可以阻止页面更新或关闭的。

onunload 也是在页面刷新或关闭时触发,不过这时浏览器已经向服务器请求读取新页面,因此onunload是无法阻止页面更新或关闭的。

1. onbeforeunload 事件

事件触发时会弹出一个有确定和取消的对话框,确定后才会执行后续事件,否则继续留在本页。

触发于:

关闭浏览器窗口

通过地址栏或收藏夹前往其他页面的时候

点击返回,前进,刷新,主页其中一个的时候

点击 一个前往其他页面的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

平台支持:IE,Firefox,Chrome,Safari。Opera暂不支持。

例子:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <title> 刷新与离开页面检测 </title>
 </head>  

 <body>
  <script type="text/javascript">
  window.onbeforeunload = function(){
    return '你的文章尚未保存';
  }
  </script>
 </body>
</html>

2. onunload 事件

事件触发时,会弹出一个只有确定的对话框,点确定后执行后续事件。

触发于:

关闭浏览器窗口

通过地址栏或收藏夹前往其他页面的时候

点击返回,前进,刷新,主页其中一个的时候

点击 一个前往其他页面的url连接的时候

返回栏目页:http://www.bianceng.cnhttp://www.bianceng.cn/webkf/script/

调用以下任意一个事件的时候: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的表单的时候。

平台支持:只有IE,其他都不支持。
例子:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <title> 刷新与离开页面检测 </title>
 </head>  

 <body>
  <script type="text/javascript">
  window.onunload = function(){
    alert('谢谢下次再来');
  }
  </script>
 </body>
</html>

作者:csdn博客 傲雪星枫

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索页面
, 事件
, window
, onbeforeunload
, document
, 网页onunload事件
, 页面不刷新
, #关闭事件
, 一个
, onunload
, 关闭页面
, 不刷新页面
, 是否关闭浏览器
事件检测
onbeforeunload 刷新、窗口刷新事件、onbeforeunload事件、关闭子窗口刷新父窗口、关闭窗口刷新父页面,以便于您获取更多的相关知识。

时间: 2024-09-21 10:13:56

如何使用onbeforeunload事件检测窗口是否刷新或关闭的相关文章

用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)_javascript技巧

Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定.区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行. Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取:而onunload则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调

Javascript判断页面刷新或关闭的方法(转)

onbeforeunload与onunload事件 Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定.区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行. Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取:而onunload则已经从服务器

关闭浏览器时提示onbeforeunload事件

 这篇文章主要介绍了关闭浏览器时提示onbeforeunload事件,有需要的朋友可以参考一下 onbeforeunload事件 它是这样用的: 代码如下: <script language="javascript">       g_blnCheckUnload = true;       function RunOnBeforeUnload() {               if (g_blnCheckUnload) {         window.event.re

Javascript如何监听页面刷新和关闭事件

在我们的日常生活中,时常遇到这么一种情况,当我们在点击一个链接.关闭页面.表单提交时等情况,会提示我们是否确认该操作等信息. 这里就给大家讲讲javascript的onbeforeunload()和onunload()两个事件. 相同点: 两者都是在对页面的关闭或刷新事件作个操作. 不同点: unbeforeunload()事件执行的顺序在onunload()事件之前发生.(因为,unbeforeunload()是在页面刷新之前触发的事件,而onubload()是在页面关闭之后才会触发的). u

判断用户的在线状态 onbeforeunload事件_javascript技巧

获得用户登陆状态不用说了,判断离开的话就有一点问题了,如果说用户都是按照设计者的规定触发退出事件离开的话那就没什么难度了,但是用户的离开方式多种多样,怎么在用户非法离开的时候即时的判断离开呢?最常见的非法离开就是关闭浏览器了. 复制代码 代码如下: <BODY onbeforeunload="body_onUnload()"> <script> window.onbeforeunload = function() { if (window.event.clien

关闭浏览器时提示onbeforeunload事件_javascript技巧

onbeforeunload事件 它是这样用的: 复制代码 代码如下: <script language="javascript">      g_blnCheckUnload = true;      function RunOnBeforeUnload() {              if (g_blnCheckUnload) {        window.event.returnValue = 'You will lose any unsaved content'

《iOS创意程序设计家》——第6.4节事件检测

6.4 事件检测 iOS创意程序设计家 界面控制器除了负责界面的管理以及布局外,还负责事件的传递.这些事件包括我们在第5章已经介绍过的触控事件,还有接下来要介绍的晃动检测事件.这些事件都定义在UIResponder类里面,而无论是界面控制器UIViewController还是界面UIView,它们都继承自UIResponder类. 6.4.1 晃动检测 首先,我们来看看晃动事件的处理.与触控事件类似的是,晃动检测也是由一连串的事件所组成的,不过,要让您的应用程序支持晃动检测,必须让您的界面控制器

ie 10-javascript onbeforeunload 事件问题

问题描述 javascript onbeforeunload 事件问题 如题: 在html中加入onbeforeunload事件,关闭或刷新等动作,会触发该事件, 但如果该html被iframe中引用,在ie10中则会触发两次事件,求大神详解原因. 解决方案 使用javascript的onbeforeunload事件onbeforeunload事件 解决方案二: 楼主这个问题是BOM中一个关于frame与window对象的问题. 1.一般的HTML页面只有一个window对象,而带有frame的

基于阿里云MaxCompute实现复杂事件检测

一.需求背景          随着信息化的不断发展,业务系统的不断完善,企业面临新的问题:1.现代工业中的输入事件流数量正成倍地增加,其中包含大量的原子事件,由原子事件构成的复合事件,甚至由复合事件构成的复杂事件.2.现代工业对于软硬件系统实时响应的要求很高,用户要求系统可以对一些关键的业务输入事件做出即时的响应行为.3.现代工业生产环境苛刻,一般需要严格的过程控制和安全措施.生产过程包含复杂的物理.化学过程,及各种突变和不确定性因素,当生产中的复杂事件没有被实时检测出来,很有可能造成生产的失