真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

js實(shí)現(xiàn)關(guān)閉網(wǎng)頁(yè)出現(xiàn)是否離開(kāi)提示

js實(shí)現(xiàn)關(guān)閉網(wǎng)頁(yè)出現(xiàn)是否離開(kāi)提示

網(wǎng)站制作、成都網(wǎng)站制作的開(kāi)發(fā),更需要了解用戶,從用戶角度來(lái)建設(shè)網(wǎng)站,獲得較好的用戶體驗(yàn)。創(chuàng)新互聯(lián)建站多年互聯(lián)網(wǎng)經(jīng)驗(yàn),見(jiàn)的多,溝通容易、能幫助客戶提出的運(yùn)營(yíng)建議。作為成都一家網(wǎng)絡(luò)公司,打造的就是網(wǎng)站建設(shè)產(chǎn)品直銷(xiāo)的概念。選擇創(chuàng)新互聯(lián)建站,不只是建站,我們把建站作為產(chǎn)品,不斷的更新、完善,讓每位來(lái)訪用戶感受到浩方產(chǎn)品的價(jià)值服務(wù)。

大家是否經(jīng)常遇到在關(guān)閉網(wǎng)頁(yè)的時(shí)候,會(huì)看到一個(gè)確定是否離開(kāi)當(dāng)前頁(yè)面的提示框?想一些在線測(cè)試系統(tǒng)、信息錄入系統(tǒng)等就經(jīng)常會(huì)有這一些提示,避免用戶有意或者無(wú)意中關(guān)掉了頁(yè)面,導(dǎo)致數(shù)據(jù)丟失。這里面的實(shí)現(xiàn)過(guò)程很簡(jiǎn)單,利用了HTML DOM事件中的onunload和onbeforeunload方法。

unload 事件屬性

定義:當(dāng)用戶卸載文檔時(shí)執(zhí)行一段 JavaScript,例如:

// body


//window
window.onbeforeunload=function(e){     
  var e = window.event||e;  
  e.returnValue=("確定離開(kāi)當(dāng)前頁(yè)面嗎?");

用法:當(dāng)用戶離開(kāi)頁(yè)面時(shí),會(huì)發(fā)生 unload 事件。注意:如果您重載頁(yè)面,也會(huì)觸發(fā) unload 事件(以及 onload 事件)?!?/p>

觸發(fā)于:

關(guān)閉瀏覽器窗口通過(guò)地址欄或收藏夾前往其他頁(yè)面的時(shí)候點(diǎn)擊返回,前進(jìn),刷新,主頁(yè)其中一個(gè)的時(shí)候點(diǎn)擊 一個(gè)前往其他頁(yè)面的url連接的時(shí)候調(diào)用以下任意一個(gè)事件的時(shí)候:click,document write,document open,document close,window close ,window navigate ,window NavigateAndFind,location replace,location reload,form submit. 當(dāng)用window open打開(kāi)一個(gè)頁(yè)面,并把本頁(yè)的window的名字傳給要打開(kāi)的頁(yè)面的時(shí)候。重新賦予location.href的值的時(shí)候。通過(guò)input type="submit"按鈕提交一個(gè)具有指定action的表單的時(shí)候。 onbeforeunload 事件屬性

定義:在即將離開(kāi)當(dāng)前頁(yè)面(刷新或關(guān)閉)時(shí)執(zhí)行 JavaScript,例如:

//body
//window
window.onbeforeunload=function(e){     
  var e = window.event||e;  
  e.returnValue=("確定離開(kāi)當(dāng)前頁(yè)面嗎?");

用法:onbeforeunload 事件在即將離開(kāi)當(dāng)前頁(yè)面(刷新或關(guān)閉)時(shí)觸發(fā)。該事件可用于彈出對(duì)話框,提示用戶是繼續(xù)瀏覽頁(yè)面還是離開(kāi)當(dāng)前頁(yè)面。對(duì)話框默認(rèn)的提示信息根據(jù)不同的瀏覽器有所不同,標(biāo)準(zhǔn)的信息類(lèi)似 "確定要離開(kāi)此頁(yè)嗎?"。該信息不能刪除。但你可以自定義一些消息提示與標(biāo)準(zhǔn)信息一起顯示在對(duì)話框。注意: 在 Firefox 瀏覽器中,只顯示默認(rèn)提醒信息(不顯示自定義信息)。

觸發(fā)于: 

關(guān)閉瀏覽器窗口  通過(guò)地址欄或收藏夾前往其他頁(yè)面的時(shí)候  點(diǎn)擊返回,前進(jìn),刷新,主頁(yè)其中一個(gè)的時(shí)候  點(diǎn)擊 一個(gè)前往其他頁(yè)面的url連接的時(shí)候  調(diào)用以下任意一個(gè)事件的時(shí)候:click,document write,document open,document close,window close ,window navigate ,window NavigateAndFind,location replace,location reload,form submit.  當(dāng)用window open打開(kāi)一個(gè)頁(yè)面,并把本頁(yè)的window的名字傳給要打開(kāi)的頁(yè)面的時(shí)候。  重新賦予location.href的值的時(shí)候。  通過(guò)input type=”submit”按鈕提交一個(gè)具有指定action的表單的時(shí)候。

 瀏覽器支持程度

目前主流瀏覽器都支持這兩個(gè)事件屬性

 js實(shí)現(xiàn)關(guān)閉網(wǎng)頁(yè)出現(xiàn)是否離開(kāi)提示

概述

onunload,onbeforeunload都是在刷新或關(guān)閉時(shí)調(diào)用,可以在 測(cè)試

谷歌瀏覽器下的效果:

點(diǎn)擊刷新按鈕:

js實(shí)現(xiàn)關(guān)閉網(wǎng)頁(yè)出現(xiàn)是否離開(kāi)提示

點(diǎn)擊返回按鈕:

js實(shí)現(xiàn)關(guān)閉網(wǎng)頁(yè)出現(xiàn)是否離開(kāi)提示

通過(guò)任務(wù)欄或者收藏夾前往其他界面:

js實(shí)現(xiàn)關(guān)閉網(wǎng)頁(yè)出現(xiàn)是否離開(kāi)提示

關(guān)閉頁(yè)面:

js實(shí)現(xiàn)關(guān)閉網(wǎng)頁(yè)出現(xiàn)是否離開(kāi)提示

edge下的效果:

點(diǎn)擊刷新按鈕:

js實(shí)現(xiàn)關(guān)閉網(wǎng)頁(yè)出現(xiàn)是否離開(kāi)提示

點(diǎn)擊返回按鈕:

js實(shí)現(xiàn)關(guān)閉網(wǎng)頁(yè)出現(xiàn)是否離開(kāi)提示

關(guān)閉頁(yè)面:

js實(shí)現(xiàn)關(guān)閉網(wǎng)頁(yè)出現(xiàn)是否離開(kāi)提示

 注:在新版的火狐瀏覽器(我是用的版本: 57.0 )里面,上面這種寫(xiě)法不生效?!

綁定window對(duì)象的代碼:


 
  
  測(cè)試
  
 
 
  測(cè)試
 

火狐下的效果:

點(diǎn)擊刷新按鈕:

js實(shí)現(xiàn)關(guān)閉網(wǎng)頁(yè)出現(xiàn)是否離開(kāi)提示

點(diǎn)擊返回按鈕:

js實(shí)現(xiàn)關(guān)閉網(wǎng)頁(yè)出現(xiàn)是否離開(kāi)提示

關(guān)閉頁(yè)面:

 js實(shí)現(xiàn)關(guān)閉網(wǎng)頁(yè)出現(xiàn)是否離開(kāi)提示

注:這種方法在谷歌瀏覽、edge瀏覽器下仍適用,效果與第一種一樣!


分享題目:js實(shí)現(xiàn)關(guān)閉網(wǎng)頁(yè)出現(xiàn)是否離開(kāi)提示
轉(zhuǎn)載來(lái)于:http://weahome.cn/article/pecgeg.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部