判断页面是关闭还是刷新的js代码


Posted in Javascript onJanuary 28, 2007

<body>标签只有onload\onunload\onbeforeunload事件,而没有onclose事件。不管页面是关闭还是刷新都会执行onunload事件。如何捕捉到页面关闭呢? 

    页面加载时只执行onload

    页面关闭时只执行onunload

    页面刷新时先执行onbeforeunload,然后onunload,最后onload。这样我们可以在onbeforeunload中加一个标记,在onunload中判断该标记,即可达到判断页面是否真的关闭了。

<html>
 <head>
  <title>判断页面是关闭还是刷新</title>
 </head>

 <body onunload="fclose();" onload="fload();" onbeforeunload="bfunload();">
  <script language="javascript">
  var s = "test";
  function fclose()
  {
     if(s=="no")
        alert(’unload me!=’+s+’这是刷新页面!’);
     else
        alert(’这是关闭页面’);
  }

  function fload()
  {
     alert("load me!="+s);
  }

  function bfunload()
  {
     s = "no";
  }
  </script>
 </body>
</html>

Javascript 相关文章推荐
jCallout 轻松实现气泡提示功能
Sep 22 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 图片库
Jan 09 Javascript
JavaScript中的方法重载实例
Mar 16 Javascript
jQuery学习笔记——jqGrid的使用记录(实现分页、搜索功能)
Nov 09 Javascript
JavaScript中localStorage对象存储方式实例分析
Jan 12 Javascript
一步步教你利用Docker设置Node.js
Nov 20 Javascript
200行HTML+JavaScript实现年会抽奖程序
Jan 22 Javascript
JQueryDOM之样式操作
Mar 27 jQuery
vue2 拖动排序 vuedraggable组件的实现
Aug 08 Javascript
js实现点击上传图片并设为模糊背景
Aug 02 Javascript
在vue项目中利用popstate处理页面返回的操作介绍
Aug 06 Javascript
详细分析JavaScript中的深浅拷贝
Sep 17 Javascript
用JavaScript和注册表脚本实现右键收藏Web页选中文本
Jan 28 #Javascript
用js自动判断浏览器分辨率的代码
Jan 28 #Javascript
innerHTML,outerHTML,innerTEXT三者之间的区别
Jan 28 #Javascript
一个无限级XML绑定跨框架菜单(For IE)
Jan 27 #Javascript
网页javascript精华代码集
Jan 24 #Javascript
一页面多XMLHttpRequest对象
Jan 22 #Javascript
javascript 播放器 控制
Jan 22 #Javascript
You might like
PHP similar_text 字符串的相似性比较函数
2010/05/26 PHP
paypal即时到账php实现代码
2010/11/28 PHP
PHP错误提示的关闭方法详解
2013/06/23 PHP
JS的Document属性和方法小结
2013/09/17 Javascript
JS调用页面表格导出excel示例代码
2014/03/18 Javascript
js动态往表格的td中添加图片并注册事件
2014/06/12 Javascript
jQuery中prependTo()方法用法实例
2015/01/08 Javascript
json格式数据的添加,删除及排序方法
2016/01/21 Javascript
关于javascript的一些知识以及循环详解
2016/09/12 Javascript
Angular表单验证实例详解
2016/10/20 Javascript
jQuery实现QQ空间汉字转拼音功能示例
2017/07/10 jQuery
浅谈vue,angular,react数据双向绑定原理分析
2017/11/28 Javascript
Vue CLI2升级至Vue CLI3的方法步骤
2019/05/20 Javascript
Vue项目中Api的组织和返回数据处理的操作
2019/11/04 Javascript
[02:44]DOTA2英雄基础教程 魅惑魔女
2014/01/07 DOTA
[01:08]DOTA2次级职业联赛 - Shield战队宣传片
2014/12/01 DOTA
使用python分析git log日志示例
2014/02/27 Python
Python中让MySQL查询结果返回字典类型的方法
2014/08/22 Python
Python实现基于HTTP文件传输实例
2014/11/08 Python
Python Selenium Cookie 绕过验证码实现登录示例代码
2018/04/10 Python
PyCharm安装第三方库如Requests的图文教程
2018/05/18 Python
在Python中调用Ping命令,批量IP的方法
2019/01/26 Python
Python3实现的简单工资管理系统示例
2019/03/12 Python
PyQt QCombobox设置行高的方法
2019/06/20 Python
html5图片上传预览示例分享
2014/04/14 HTML / CSS
HTML5 canvas基本绘图之填充样式实现
2016/06/27 HTML / CSS
html5 input输入实时检测以及延时优化
2018/07/18 HTML / CSS
世界上最好的威士忌和烈性酒购买网站:The Whisky Exchange
2016/11/20 全球购物
德国机场停车位比较和预订网站:Ich-parke-billiger
2018/01/08 全球购物
将"引用"作为函数参数有哪些特点
2013/04/05 面试题
单位人事专员介绍信
2014/01/11 职场文书
厂长岗位职责
2014/02/19 职场文书
2015年个人剖析材料范文
2014/12/29 职场文书
装饰施工员岗位职责
2015/04/11 职场文书
2016年校园社会综合治理宣传月活动总结
2016/03/16 职场文书
Docker容器harbor私有仓库部署和管理
2022/08/05 Servers