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

发布时间:2020-06-15 11:14:55 作者:ty2538402559
来源:网络 阅读:1100

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

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

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

1. onbeforeunload 事件

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

触发于:

可以用在以下元素:

平台支持: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 事件


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


触发于:


平台支持:只有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>



推荐阅读:
  1. Java实现的计算最大下标距离算法示例
  2. Android答题APP的设计与实现

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

onbeforeunload fo

上一篇:Go语言是开源语言吗

下一篇:linux打开rar压缩文件的方法

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》