判断页面是关闭还是刷新的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 相关文章推荐
js innerHTML 的一些问题的解决方法
Jun 22 Javascript
JavaScript 比较时间大小的代码
Apr 24 Javascript
JQuery设置获取下拉菜单某个选项的值(比较全)
Aug 05 Javascript
JS获取浏览器语言动态加载JS文件示例代码
Oct 31 Javascript
用JavaScript来美化HTML的select标签的下拉列表效果
Nov 17 Javascript
js实现的下拉框二级联动效果
Apr 30 Javascript
在 Angular 中实现搜索关键字高亮示例
Mar 21 Javascript
ES6新特性之字符串的扩展实例分析
Apr 01 Javascript
JavaScript ECMA-262-3 深入解析(二):变量对象实例详解
Apr 25 Javascript
Jquery如何使用animation动画效果改变背景色的代码
Jul 20 jQuery
vue-cli3 热更新配置操作
Sep 18 Javascript
使用vue构建多页面应用的示例
Oct 22 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读取富文本的时p标签会出现红线是怎么回事
2014/05/13 PHP
PHP分页类集锦
2014/11/18 PHP
php最简单的删除目录与文件实现方法
2014/11/28 PHP
PHP和C#可共用的可逆加密算法详解
2015/10/26 PHP
PHP中使用GD库绘制折线图 折线统计图的绘制方法
2015/11/09 PHP
Zend Framework基本页面布局分析
2016/03/19 PHP
PHP array_shift()用法实例分析
2019/01/07 PHP
PHP PDOStatement::setAttribute讲解
2019/02/01 PHP
Laravel框架Request、Response及Session操作示例
2019/05/06 PHP
Ext grid 添加右击菜单
2009/11/26 Javascript
dtree 网页树状菜单及传递对象集合到js内,动态生成节点
2012/04/14 Javascript
jquery插件制作 自增长输入框实现代码
2012/08/17 jQuery
鼠标经过显示二级菜单js特效
2013/08/13 Javascript
js中confirm实现执行操作前弹出确认框的方法
2014/11/01 Javascript
轻松学习jQuery插件EasyUI EasyUI实现拖动基本操作
2015/11/30 Javascript
实例讲解jquery中mouseleave和mouseout的区别
2016/02/17 Javascript
JS实现的手机端精简幻灯片效果
2016/09/05 Javascript
BootStrap Tooltip插件源码解析
2016/12/27 Javascript
Javascript中 带名 匿名 箭头函数的重要区别(推荐)
2017/01/29 Javascript
JavaScript基于对象方法实现数组去重及排序操作示例
2018/07/10 Javascript
vue开发环境配置跨域的方法步骤
2019/01/16 Javascript
更优雅的微信小程序骨架屏实现详解
2019/08/07 Javascript
[49:07]VGJ.T vs Optic Supermajor小组赛D组 BO3 第二场 6.3
2018/06/04 DOTA
Python简单实现阿拉伯数字和罗马数字的互相转换功能示例
2018/04/17 Python
Python容器使用的5个技巧和2个误区总结
2019/09/26 Python
python GUI库图形界面开发之PyQt5多行文本框控件QTextEdit详细使用方法实例
2020/02/28 Python
Python 如何调试程序崩溃错误
2020/08/03 Python
Python 实现3种回归模型(Linear Regression,Lasso,Ridge)的示例
2020/10/15 Python
Pycharm如何自动生成头文件注释
2020/11/14 Python
如何使用amaze ui的分页样式封装一个通用的JS分页控件
2020/08/21 HTML / CSS
联想墨西哥官方网站:Lenovo墨西哥
2016/08/17 全球购物
Charlotte Tilbury英国官网:英国彩妆品牌
2017/05/26 全球购物
办公室保洁员岗位职责
2013/12/02 职场文书
文秘专业个人求职信
2013/12/22 职场文书
2014年底个人工作总结
2015/03/10 职场文书
画错魏国疆域啦!《派对咖孔明》动画因作画失误于官网致歉
2022/04/07 日漫