js 實現在離開頁面時,對未儲存的資訊進行提醒
<script language="JavaScript">
//在離開頁面時判斷是否有未儲存的輸入值
var hasSaved = false;//是否有輸入的內容未儲存標誌,初始值為false
function CheckUnsave(){
if(hasSaved==false){
alert("您上傳的東西尚未儲存,請儲存後再離開頁面");
return false;}
//return true; //不能加這個語句
}
//儲存了則改變狀態
function ChangeState()
{
hasSaved = true;
}
</script>
在body中加入屬性onbeforeunload
<body οnbefοreunlοad="return CheckUnsave();"><!--一定要加return-->
要在提交action之前呼叫ChangeState.如果按下某個按鈕後離開頁面則不再提醒,比如儲存的按鈕,則要在儲存的按鈕按下以後,要修改下是否儲存的標誌符的狀態eg:
<input type="submit" name="Submit" value="保 存" onClick="ChangeState();">
相關文章
- Jquery 離開頁面時提示儲存jQuery
- HTML5 Web儲存 頁面間進行傳值HTMLWeb
- jquery實現頁面離開時檢測當前頁面是否被修改,修改則提示jQuery
- 關於離開頁面時執行的操作問題
- 在 Laravel 6.0 中使用 pjax 進行頁面加速,並實現頁面頂部進度條Laravel
- SAP Commerce開發之如何找到某個頁面對應的JSP實現頁面JS
- AngularJS進階(八)實現頁面跳轉並進行引數傳遞AngularJS
- 【JS】javascript實現頁面顯示數字時鐘JSJavaScript
- 區塊鏈資訊儲存是如何實現安全儲存區塊鏈
- 前端js儲存頁面為圖片下載到本地前端JS
- Java使用正規表示式對註冊頁面進行驗證功能實現Java
- localForage——輕鬆實現 Web 離線儲存Web
- 原生JS實現頁面內定位JS
- js實現放大縮小頁面JS
- 實現鍵值對儲存(二):以現有鍵值對儲存為模型模型
- js返回頁面頂部的實現(layui)JSUI
- 深入解析微信小程式頁面中實現的儲存圖片(附程式碼)微信小程式
- 2019年進行時,實時分析雲端計算的過去、現在和未來
- jive 問題 如何在jsp頁面實現資料庫資訊的更新??JS資料庫
- 如何使用Web3.js API 在頁面中進行轉賬WebJSAPI
- 突破本地離線儲存的JS庫 localforageJS
- 【Azure 儲存服務】使用 AppendBlobClient 物件實現對Blob進行追加內容操作APPclient物件
- 利用Node實現HTML5離線儲存HTML
- HTML5離線儲存原理及實現HTML
- Javascript在頁面載入時的執行順序JavaScript
- Android 網頁開啟App進入對應頁面Android網頁APP
- js實現的iframe呼叫父頁面函式JS函式
- sqlserver儲存過程實現多表分頁SQLServer儲存過程
- Sql儲存過程分頁--臨時表儲存SQL儲存過程
- 對空資料頁面等公共頁面實現的一些思考
- 輸入資訊頁面js驗證,提示資訊JS
- 在vue專案中 使用driver.js來進行頁面分步引導VueJS
- JBOSS執行JSP檔案,頁面顯示如下資訊JBOSS執行JSP檔案,頁面顯示如下JS
- Jquery 實現頁面倒數計時的功能jQuery
- 使用Java實現在SQLserver中實現圖片的儲存JavaSQLServer
- js實現的將網頁儲存為圖片簡單解釋介紹JS網頁
- 實現鍵值對儲存(一):什麼是鍵值對儲存,為什麼要實現它
- js 進入頁面載入的方法JS