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

所属分类：网络编程 / JavaScript 阅读数： 1696

收藏 0赞 0分享

<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>

更多精彩内容其他人还在看

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

JSONP原理及简单实现

浅析JSONP技术原理及实现

使用Web Uploader实现多文件上传

json的使用小结

非常实用的js验证框架实现源码附原理方法

js验证框架之RealyEasy验证详解

webpack中引用jquery的简单实现

JavaScript必知必会(五) eval 的使用

JavaScript必知必会(六) delete in instanceof

JavaScript必知必会(七)js对象继承

网络赚钱

站长故事

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

JSONP原理及简单实现

浅析JSONP技术原理及实现

使用Web Uploader实现多文件上传

json的使用小结

非常实用的js验证框架实现源码 附原理方法

js验证框架之RealyEasy验证详解

webpack中引用jquery的简单实现

JavaScript必知必会(五) eval 的使用

JavaScript必知必会(六) delete in instanceof

JavaScript必知必会(七)js对象继承

网络赚钱

站长故事

非常实用的js验证框架实现源码附原理方法