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


Posted in Javascript onSeptember 12, 2017

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>

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

Javascript 相关文章推荐
js使用Array.prototype.sort()对数组对象排序的方法
Jan 28 Javascript
JavaScript实现鼠标滑过图片变换效果的方法
Apr 16 Javascript
JQuery实现图片轮播效果
Sep 15 Javascript
js 实现省市区三级联动菜单效果
Feb 20 Javascript
jquery.guide.js新版上线操作向导镂空提示jQuery插件(推荐)
May 20 jQuery
node.js自动上传ftp的脚本分享
Jun 16 Javascript
产制造追溯系统之通过微信小程序实现移动端报表平台
Jun 03 Javascript
node.js中stream流中可读流和可写流的实现与使用方法实例分析
Feb 13 Javascript
js实现消灭星星(web简易版)
Mar 24 Javascript
基于JS实现table导出Excel并保留样式
May 19 Javascript
node.js爬虫框架node-crawler初体验
Oct 29 Javascript
详解TypeScript中的类型保护
Apr 29 Javascript
详解angular笔记路由之angular-router
Sep 12 #Javascript
jQuery实现用户信息表格的添加和删除功能
Sep 12 #jQuery
vue引入jq插件的实例讲解
Sep 12 #Javascript
解决jquery appaend元素中id绑定事件失效的问题
Sep 12 #jQuery
BootStrap实现文件上传并带有进度条效果
Sep 11 #Javascript
详解关于react-redux中的connect用法介绍及原理解析
Sep 11 #Javascript
详解使用Vue Router导航钩子与Vuex来实现后退状态保存
Sep 11 #Javascript
You might like
在普通HTTP上安全地传输密码
2007/07/21 PHP
php合并数组array_merge函数运算符加号与的区别
2008/10/31 PHP
PHP ajax 分页类代码
2008/11/13 PHP
PHP 进程锁定问题分析研究
2009/11/24 PHP
PHP在特殊字符前加斜杠的实现代码
2011/07/17 PHP
关于js和php对url编码的处理方法
2014/03/04 PHP
laravel框架添加数据,显示数据,返回成功值的方法
2019/10/11 PHP
javascript+css 网页每次加载不同样式的实现方法
2009/12/27 Javascript
使用js完成节点的增删改复制等的操作
2014/01/02 Javascript
js如何调用qq互联api实现第三方登录
2014/03/28 Javascript
Shell脚本实现Linux系统和进程资源监控
2015/03/05 Javascript
javascript如何实现暂停功能
2015/11/06 Javascript
WEB前端开发都应知道的jquery小技巧及jquery三个简写
2015/11/15 Javascript
javascript实现表单验证
2016/01/29 Javascript
JavaScript遍历求解数独问题的主要思路小结
2016/06/12 Javascript
JavaScript数据类型学习笔记分享
2016/09/01 Javascript
jQuery将表单序列化成一个Object对象的实例
2016/11/29 Javascript
对象不支持indexOf属性或方法的解决方法(必看)
2017/05/28 Javascript
JS常用的几种数组遍历方式以及性能分析对比实例详解
2018/04/11 Javascript
提升node.js中使用redis的性能遇到的问题及解决方法
2018/10/30 Javascript
小程序实现可拖动的悬浮按钮
2020/09/07 Javascript
原生js+css实现tab切换功能
2020/09/17 Javascript
[02:06]DOTA2英雄基础教程 暗影萨满
2013/12/16 DOTA
初步解析Python下的多进程编程
2015/04/28 Python
python实现C4.5决策树算法
2018/08/29 Python
python数据预处理之数据标准化的几种处理方式
2019/07/17 Python
深入浅析python的第三方库pandas
2020/02/13 Python
python的sys.path模块路径添加方式
2020/03/09 Python
高考考python编程是真的吗
2020/07/20 Python
Python 实现二叉查找树的示例代码
2020/12/21 Python
借助HTML5 Canvas来绘制三角形和矩形等多边形的方法
2016/03/14 HTML / CSS
会计师职业生涯规划范文
2014/02/18 职场文书
2014年大班元旦活动方案
2014/02/26 职场文书
企业形象策划方案
2014/05/29 职场文书
2017春节晚会开幕词
2016/03/03 职场文书
Win11怎么把合并的任务栏分开 Win11任务栏合并分开教程
2022/04/06 数码科技