判断页面是关闭还是刷新的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 相关文章推荐
jquery maxlength使用说明
Sep 09 Javascript
js/jQuery对象互转(快速操作dom元素)
Feb 04 Javascript
js取消单选按钮选中示例代码
Nov 14 Javascript
extjs 分页使用jsp传递数据示例
Jul 29 Javascript
angularjs指令中的compile与link函数详解
Dec 06 Javascript
JS运动相关知识点小结(附弹性运动示例)
Jan 08 Javascript
浅谈JavaScript中的属性:如何遍历属性
Sep 14 Javascript
使用ef6创建oracle数据库的实体模型遇到的问题及解决方案
Nov 09 Javascript
Angular项目从新建、打包到nginx部署全过程记录
Dec 09 Javascript
详解Nuxt.js部署及踩过的坑
Aug 07 Javascript
Nuxt默认模板、默认布局和自定义错误页面的实现
May 11 Javascript
Node.js API详解之 vm模块用法实例分析
May 27 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
Yii中render和renderPartial的区别
2014/09/03 PHP
PHP Callable强制指定回调类型的方法
2016/08/30 PHP
PHP的PDO预定义常量讲解
2019/01/24 PHP
利用jQuery 实现GridView异步排序、分页的代码
2010/02/06 Javascript
基于jquery的气泡提示效果
2010/05/31 Javascript
JavaScript中两种链式调用实现代码
2011/01/12 Javascript
优化innerHTML操作(提高代码执行效率)
2011/08/20 Javascript
基于jquery的点击链接插入链接内容的代码
2012/07/31 Javascript
JS Map 和 List 的简单实现代码
2013/07/08 Javascript
无闪烁更新网页内容JS实现
2013/12/19 Javascript
JS使用getComputedStyle()方法获取CSS属性值
2014/04/23 Javascript
js 动态修改css文件的方法
2014/08/05 Javascript
jQuery中even选择器的定义和用法
2014/12/23 Javascript
Javascript中的五种数据类型详解
2014/12/26 Javascript
js实现按钮控制图片360度翻转特效的方法
2015/02/17 Javascript
浅谈JavaScript中的string拥有方法的原因
2015/08/28 Javascript
vue组件挂载到全局方法的示例代码
2018/08/02 Javascript
对vue中v-if的常见使用方法详解
2018/09/28 Javascript
基于vue的验证码组件的示例代码
2019/01/22 Javascript
JavaScript数组去重的几种方法
2019/04/07 Javascript
vue基于viewer实现的图片查看器功能
2019/04/12 Javascript
[05:20]卡尔工作室_DOTA2新手教学_DOTA2超强新手功能
2013/04/22 DOTA
pycharm 使用心得(一)安装和首次使用
2014/06/05 Python
简单介绍利用TK在Python下进行GUI编程的教程
2015/04/13 Python
解决win7操作系统Python3.7.1安装后启动提示缺少.dll文件问题
2019/07/15 Python
Django项目后台不挂断运行的方法
2019/08/31 Python
使用pyhon绘图比较两个手机屏幕大小(实例代码)
2020/01/03 Python
Python中包的用法及安装
2020/02/11 Python
Python列表解析操作实例总结
2020/02/26 Python
Python函数默认参数常见问题及解决方案
2020/03/26 Python
python BeautifulSoup库的安装与使用
2020/12/17 Python
先进人物事迹材料
2014/12/29 职场文书
安全承诺书
2015/01/19 职场文书
大学四年个人总结
2015/03/03 职场文书
eclipse创建项目没有dynamic web的解决方法
2021/06/24 Java/Android
解决Mysql中的innoDB幻读问题
2022/04/29 MySQL