JS监控关闭浏览器操作的实例详解

 更新时间:2017年09月12日 08:34:22   作者:wjch_111  
这篇文章主要介绍了JS监控关闭浏览器操作的实例详解的相关资料,希望通过本大家能帮助到大家,需要的朋友可以参考下

JS监控关闭浏览器操作的实例详解

需求如下:

用户关闭浏览器通知后台。

方案如下:

1.采用js监控关闭浏览器操作。

2.用户关闭浏览器的时候发ajax请求到后台,执行相应的业务操作

代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
 <title> New Document </title> 
 <meta name="Generator" content="EditPlus"> 
 <meta name="Author" content=""> 
 <meta name="Keywords" content=""> 
 <meta name="Description" content=""> 
</head> 
  
<body> 
 <script type="text/javascript"> 
 window.onbeforeunload = onbeforeunload_handler;   
  window.onunload = onunload_handler;   
  function onbeforeunload_handler(){   
    var warning="确认关闭www.someabcd.com?";     
    //你的业务操作。。。。    
    return warning;   
  }   
     
  function onunload_handler(){   
    var warning="谢谢光临www.someabcd.com";  
    //你的业务操作。。。。  
    alert(warning);   
  }   
 </script> 
</body> 
</html>

如有疑问请留言或到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

相关文章

  • js模拟微博发布消息

    js模拟微博发布消息

    本文主要介绍了js模拟微博发布消息的实例,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • echarts实现词云自定义形状的示例代码

    echarts实现词云自定义形状的示例代码

    这篇文章主要介绍了echarts实现词云自定义形状的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-02-02
  • JS电梯导航的实现示例

    JS电梯导航的实现示例

    本文主要介绍了JS电梯导航的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-05-05
  • js实现页面转发功能示例代码

    js实现页面转发功能示例代码

    本文为大家介绍的是使用js实现页面转发,具体实现如下,感兴趣的朋友可以参考下,希望对大家有所帮助
    2013-08-08
  • IE与FireFox的JavaScript兼容问题解决办法

    IE与FireFox的JavaScript兼容问题解决办法

    本篇文章主要是对IE与FireFox的JavaScript兼容问题解决办法进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • Array.prototype 的泛型应用分析

    Array.prototype 的泛型应用分析

    Array.prototype 的泛型应用分析,需要的朋友可以参考下。
    2010-04-04
  • 从零开始做一个pagination分页组件

    从零开始做一个pagination分页组件

    从零开始做一个pagination分页组件,这篇文章主要介绍了pagination分页组件的制作方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • JS跨域解决方案之使用CORS实现跨域

    JS跨域解决方案之使用CORS实现跨域

    正常使用AJAX会需要正常考虑跨域问题,所以伟大的程序员们又折腾出了一系列跨域问题的解决方案,如JSONP、flash、ifame、xhr2等等。本文给大家介绍JS跨域解决方案之使用CORS实现跨域,感兴趣的朋友参考下吧
    2016-04-04
  • JAVASCRIPT IE 与 FF中兼容问题小结

    JAVASCRIPT IE 与 FF中兼容问题小结

    在不同浏览器中对于一些属性的支持也不一样,下面是对ie和firefox的一些小结。
    2009-02-02
  • 详解Js模板引擎(TrimPath)

    详解Js模板引擎(TrimPath)

    本文详细介绍了在页面中引用template.js文件之后,具体的使用方法及实例,有需要的朋友可以参考下
    2016-11-11

最新评论