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 相关文章推荐
node.js中的fs.readFile方法使用说明
Dec 15 Javascript
JavaScript中document.forms[0]与getElementByName区别
Jan 21 Javascript
浅谈Javascript线程及定时机制
Jul 02 Javascript
详解JavaScript中jQuery和Ajax以及JSONP的联合使用
Aug 13 Javascript
jQuery Tags Input Plugin(添加/删除标签插件)详解
Jun 20 Javascript
浅谈JSON.stringify()和JOSN.parse()方法的不同
Aug 29 Javascript
Node.js中常规的文件操作总结
Oct 13 Javascript
Jquery Easyui选项卡组件Tab使用详解(10)
Dec 18 Javascript
JavaScript初学者必看“new”
Jun 12 Javascript
浅谈sass在vue注意的地方
Aug 10 Javascript
js使用Promise实现简单的Ajax缓存
Nov 14 Javascript
js 判断当前时间是否处于某个一个时间段内
Sep 19 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
PHP函数preg_match_all正则表达式的基本使用详细解析
2013/08/31 PHP
Yii中表单用法实例详解
2016/01/05 PHP
Yii2实现UploadedFile上传文件示例
2017/02/15 PHP
Laravel 5.1 框架Blade模板引擎用法实例分析
2020/01/04 PHP
JQUERY实现左侧TIPS滑进滑出效果示例
2013/06/27 Javascript
Javascript 遍历页面text控件详解
2014/01/06 Javascript
Jquery跳到页面指定位置的方法
2014/05/12 Javascript
php+js实现倒计时功能
2014/06/02 Javascript
吐槽一下我所了解的Node.js
2014/10/08 Javascript
理解javascript中的with关键字
2016/02/15 Javascript
nodejs的HTML分析利器node-jquery用法浅析
2016/11/08 NodeJs
react 兄弟组件如何调用对方的方法示例
2018/10/23 Javascript
Vue防止白屏添加首屏动画的实例
2019/10/31 Javascript
设计模式中的原型模式在Python程序中的应用示例
2016/03/02 Python
Python利用正则表达式实现计算器算法思路解析
2018/04/25 Python
Python实现的质因式分解算法示例
2018/05/03 Python
numpy concatenate数组拼接方法示例介绍
2019/05/27 Python
django最快程序开发流程详解
2019/07/19 Python
对Django 中request.get和request.post的区别详解
2019/08/12 Python
利用Python脚本实现自动刷网课
2020/02/03 Python
Python的控制结构之For、While、If循环问题
2020/06/30 Python
韩国江南富人区高端时尚百货商场:Galleria(格乐丽雅)
2018/03/27 全球购物
英国蜡烛、蜡烛配件和家居香氛购买网站:Yankee Candle
2018/12/12 全球购物
欧洲领先的技术商店:eibmarkt.com
2019/05/10 全球购物
美国美食礼品篮网站:Gourmet Gift Baskets
2019/12/15 全球购物
What is view? why do we have view?
2012/06/22 面试题
PPP协议组成及简述协议协商的基本过程
2015/05/28 面试题
自荐信模版
2013/10/24 职场文书
生产车间班组长岗位职责
2014/01/06 职场文书
法学院方阵解说词
2014/01/29 职场文书
财务担保书范文
2014/04/02 职场文书
竞聘上岗演讲
2014/05/19 职场文书
2015清明节祭奠英烈寄语大全
2015/03/04 职场文书
2015年科学教研组工作总结
2015/07/22 职场文书
Spring Boot DevTools 全局配置学习指南
2022/03/31 Java/Android
springcloud整合seata
2022/05/20 Java/Android