JS監(jiān)控關閉瀏覽器操作的實例詳解

更新時間：2017年09月12日 08:34:22 作者：wjch_111

這篇文章主要介紹了JS監(jiān)控關閉瀏覽器操作的實例詳解的相關資料,希望通過本大家能幫助到大家，需要的朋友可以參考下

JS監(jiān)控關閉瀏覽器操作的實例詳解

需求如下：

用戶關閉瀏覽器通知后臺。

方案如下：

1.采用js監(jiān)控關閉瀏覽器操作。

2.用戶關閉瀏覽器的時候發(fā)ajax請求到后臺，執(zhí)行相應的業(yè)務操作

代碼如下：

<!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?";     
    //你的業(yè)務操作。。。。    
    return warning;   
  }   
     
  function onunload_handler(){   
    var warning="謝謝光臨www.someabcd.com";  
    //你的業(yè)務操作。。。。  
    alert(warning);   
  }   
 </script> 
</body> 
</html>

如有疑問請留言或到本站社區(qū)交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

您可能感興趣的文章:

js模擬微博發(fā)布消息
本文主要介紹了js模擬微博發(fā)布消息的實例，具有很好的參考價值，下面跟著小編一起來看下吧
2017-02-02
echarts實現(xiàn)詞云自定義形狀的示例代碼
這篇文章主要介紹了echarts實現(xiàn)詞云自定義形狀的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-02-02
JS電梯導航的實現(xiàn)示例
本文主要介紹了JS電梯導航的實現(xiàn)示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2023-05-05
js實現(xiàn)頁面轉發(fā)功能示例代碼
本文為大家介紹的是使用js實現(xiàn)頁面轉發(fā)，具體實現(xiàn)如下，感興趣的朋友可以參考下，希望對大家有所幫助
2013-08-08
IE與FireFox的JavaScript兼容問題解決辦法
本篇文章主要是對IE與FireFox的JavaScript兼容問題解決辦法進行了詳細的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
Array.prototype 的泛型應用分析
Array.prototype 的泛型應用分析，需要的朋友可以參考下。
2010-04-04
從零開始做一個pagination分頁組件
從零開始做一個pagination分頁組件，這篇文章主要介紹了pagination分頁組件的制作方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-03-03
JS跨域解決方案之使用CORS實現(xiàn)跨域
正常使用AJAX會需要正?？紤]跨域問題，所以偉大的程序員們又折騰出了一系列跨域問題的解決方案，如JSONP、flash、ifame、xhr2等等。本文給大家介紹JS跨域解決方案之使用CORS實現(xiàn)跨域，感興趣的朋友參考下吧
2016-04-04
JAVASCRIPT IE 與 FF中兼容問題小結
在不同瀏覽器中對于一些屬性的支持也不一樣，下面是對ie和firefox的一些小結。
2009-02-02
詳解Js模板引擎（TrimPath）
本文詳細介紹了在頁面中引用template.js文件之后，具體的使用方法及實例，有需要的朋友可以參考下
2016-11-11