 
//在離開(kāi)頁(yè)面時(shí)判斷是否有未保存的輸入值 
var hasSaved = false;//是否有輸入的內(nèi)容未保存標(biāo)志，初始值為false 
function CheckUnsave(){ 
if(hasSaved==false){ 
alert("您上傳的東西尚未保存，請(qǐng)保存后再離開(kāi)頁(yè)面"); 
return false;} 
//return true; //不能加這個(gè)語(yǔ)句 
} 

//保存了則改變狀態(tài) 
function ChangeState() 
{ 
hasSaved = true; 
} 
</script> 

在body中加入屬性onbeforeunload
Html代碼

復(fù)制代碼代碼如下:

要在提交action之前調(diào)用ChangeState.
如果按下某個(gè)按鈕后離開(kāi)頁(yè)面則不再提醒，比如保存的按鈕，則要在保存的按鈕按下以后，要修改下是否保存的標(biāo)志符的狀態(tài)eg：
Html代碼

復(fù)制代碼代碼如下:

您可能感興趣的文章:

相關(guān)文章

JS實(shí)現(xiàn)的二叉樹(shù)算法完整實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)的二叉樹(shù)算法,結(jié)合完整實(shí)例形式分析了基于JS定義、創(chuàng)建二叉樹(shù)及常用的各種遍歷、訪問(wèn)二叉樹(shù)操作技巧,需要的朋友可以參考下
2017-04-04
mock.js模擬數(shù)據(jù)的實(shí)現(xiàn)
在沒(méi)有后端提供數(shù)據(jù)的情況下,前端人員在自己寫(xiě)demo或者練手項(xiàng)目的時(shí)候可以使用mock.js來(lái)模擬數(shù)據(jù),本文主要介紹了mock.js模擬數(shù)據(jù)的實(shí)現(xiàn),感興趣的可以了解一下
2023-11-11
css實(shí)現(xiàn)的圖片模糊效果
css實(shí)現(xiàn)的圖片模糊效果...
2007-04-04
bootstrap模態(tài)框跳轉(zhuǎn)到當(dāng)前模板頁(yè)面框消失了而背景存在問(wèn)題的解決方法
這篇文章主要介紹了bootstrap模態(tài)框跳轉(zhuǎn)到當(dāng)前模板頁(yè)面，框消失了，而背景依然存在問(wèn)題的解決方法,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
js實(shí)時(shí)監(jiān)控文本框輸入字?jǐn)?shù)的實(shí)例代碼
下面小編就為大家分享一篇實(shí)時(shí)監(jiān)控文本框輸入字?jǐn)?shù)的實(shí)例代碼，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-01-01
js跨域和ajax 跨域問(wèn)題的實(shí)現(xiàn)思路
大家都知道js是不能跨域的，但我們有時(shí)候就要這么用，怎么辦呢？辦法總是有的.
2009-09-09
微信小程序?qū)崿F(xiàn)計(jì)時(shí)器開(kāi)始和結(jié)束功能
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)計(jì)時(shí)器開(kāi)始和結(jié)束功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-07-07
使用js在頁(yè)面中繪制表格核心代碼
在頁(yè)面中繪制表格可以滿(mǎn)足我們對(duì)數(shù)據(jù)的輸入需求，在js中可以很容易實(shí)現(xiàn)，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下
2013-09-09
uniapp微信小程序底部動(dòng)態(tài)tabBar的解決方案(自定義tabBar導(dǎo)航)
tabBar如果應(yīng)用是一個(gè)多tab應(yīng)用,可以通過(guò)tabBar配置項(xiàng)指定tab欄的表現(xiàn),以及tab切換時(shí)顯示的對(duì)應(yīng)頁(yè),下面這篇文章主要給大家介紹了關(guān)于uniapp微信小程序底部動(dòng)態(tài)tabBar的解決方案,需要的朋友可以參考下
2022-04-04
分別用兩個(gè)函數(shù)實(shí)現(xiàn)的菜單
分別用兩個(gè)函數(shù)實(shí)現(xiàn)的菜單...
2007-05-05