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实现适用于素材网站的黑色多级菜单导航条效果,涉及javascript鼠标事件及页面元素样式的动态切换技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • 小程序外卖订单界面的示例代码

    小程序外卖订单界面的示例代码

    这篇文章主要介绍了小程序外卖订单界面的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-12-12
  • String字符串截取的四种方式总结

    String字符串截取的四种方式总结

    下面小编就为大家带来一篇String字符串截取的四种方式总结。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • javascript 就地编辑实现代码

    javascript 就地编辑实现代码

    最近正在看《javascript设计模式》,其中有一个'就地编辑'的示例,用来表现不同的继承方式,看完之后想自己凭理解写一个类似的东西。
    2010-05-05
  • js实现简易的英汉词典

    js实现简易的英汉词典

    这篇文章主要为大家详细介绍了js实现简易的英汉词典,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • js实现鼠标拖拽多选功能示例

    js实现鼠标拖拽多选功能示例

    本篇文章主要介绍了js实现鼠标拖拽多选功能示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • 在ASP.NET MVC项目中使用RequireJS库的用法示例

    在ASP.NET MVC项目中使用RequireJS库的用法示例

    这篇文章主要介绍了在ASP.NET MVC项目中使用RequireJS的用法示例,文中主要讲解了网站项目的一些基本目录结构思想,并给出了一个半自动压缩的例子,的朋友可以参考下
    2016-02-02
  • Javascript实现前端简单的路由实例

    Javascript实现前端简单的路由实例

    本文将使用javascript实现一个极其简单的路由实例。WEB开发中路由概念并不陌生,我们接触到的有前端路由和后端路由。后端路由在很多框架中是一个重要的模块,同样前端路由在单页面应用也很常见,它使得前端页面体验更流畅。
    2016-09-09
  • 如何使用Javascript正则表达式来格式化XML内容

    如何使用Javascript正则表达式来格式化XML内容

    本篇文章是对使用Javascript正则表达式来格式化XML内容的方法进行了详细的分析介绍,需要的朋友可以参考下
    2013-07-07
  • JS实现的竖向折叠菜单代码

    JS实现的竖向折叠菜单代码

    这篇文章主要介绍了JS实现的竖向折叠菜单代码,涉及JavaScript动态遍历页面元素及样式修改的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10

最新评论