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

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

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

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

需求如下：

用戶關(guān)閉瀏覽器通知后臺。

方案如下：

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

2.用戶關(guān)閉瀏覽器的時候發(fā)ajax請求到后臺，執(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>

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

您可能感興趣的文章:

相關(guān)文章

js實(shí)現(xiàn)適用于素材網(wǎng)站的黑色多級菜單導(dǎo)航條效果
這篇文章主要介紹了js實(shí)現(xiàn)適用于素材網(wǎng)站的黑色多級菜單導(dǎo)航條效果,涉及javascript鼠標(biāo)事件及頁面元素樣式的動態(tài)切換技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-08-08
小程序外賣訂單界面的示例代碼
這篇文章主要介紹了小程序外賣訂單界面的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-12-12
String字符串截取的四種方式總結(jié)
下面小編就為大家?guī)硪黄猄tring字符串截取的四種方式總結(jié)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-11-11
javascript 就地編輯實(shí)現(xiàn)代碼
最近正在看《javascript設(shè)計(jì)模式》，其中有一個'就地編輯'的示例，用來表現(xiàn)不同的繼承方式，看完之后想自己憑理解寫一個類似的東西。
2010-05-05
js實(shí)現(xiàn)簡易的英漢詞典
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡易的英漢詞典，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-09-09
js實(shí)現(xiàn)鼠標(biāo)拖拽多選功能示例
本篇文章主要介紹了js實(shí)現(xiàn)鼠標(biāo)拖拽多選功能示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-08-08
在ASP.NET MVC項(xiàng)目中使用RequireJS庫的用法示例
這篇文章主要介紹了在ASP.NET MVC項(xiàng)目中使用RequireJS的用法示例,文中主要講解了網(wǎng)站項(xiàng)目的一些基本目錄結(jié)構(gòu)思想,并給出了一個半自動壓縮的例子,的朋友可以參考下
2016-02-02
Javascript實(shí)現(xiàn)前端簡單的路由實(shí)例
本文將使用javascript實(shí)現(xiàn)一個極其簡單的路由實(shí)例。WEB開發(fā)中路由概念并不陌生，我們接觸到的有前端路由和后端路由。后端路由在很多框架中是一個重要的模塊,同樣前端路由在單頁面應(yīng)用也很常見，它使得前端頁面體驗(yàn)更流暢。
2016-09-09
如何使用Javascript正則表達(dá)式來格式化XML內(nèi)容
本篇文章是對使用Javascript正則表達(dá)式來格式化XML內(nèi)容的方法進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以參考下
2013-07-07
JS實(shí)現(xiàn)的豎向折疊菜單代碼
這篇文章主要介紹了JS實(shí)現(xiàn)的豎向折疊菜單代碼,涉及JavaScript動態(tài)遍歷頁面元素及樣式修改的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-10-10