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

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

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

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

需求如下：

用戶(hù)關(guān)閉瀏覽器通知后臺(tái)。

方案如下：

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

2.用戶(hù)關(guān)閉瀏覽器的時(shí)候發(fā)ajax請(qǐng)求到后臺(tái)，執(zhí)行相應(yīng)的業(yè)務(wù)操作

代碼如下：

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

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

您可能感興趣的文章:

相關(guān)文章

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