天天看點

在使用者離開頁面(重新整理、後退、關閉等)時提示資訊

 有時候在編輯頁面使用者做修改後,可能會有重新整理、關閉等誤操作造成目前頁面資訊的丢失,

何不先提醒一下使用者呢?執行個體代碼如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

 <title>Confirm Before Leave</title>

 <script language="javascript" type="text/javascript"><!--

 var pb_strConfirmCloseMessage;

 var pb_blnCloseWindow = false;

 pb_strConfirmCloseMessage ="您真的要離開本頁嗎?";

 function ConfirmClose() {

     window.event.returnValue = pb_strConfirmCloseMessage;

     pb_blnCloseWindow = true;

 }

 function ShowConfirmClose(blnValue) {

     if(blnValue) {

         document.body.onbeforeunload = ConfirmClose;

     } else {

         document.body.onbeforeunload = null;

     }

 //--></script>

</head>

<body onload="ShowConfirmClose(true);">

<input type=button value="提示" onclick="ShowConfirmClose(true);">

<input type=button value="不提示" onclick="ShowConfirmClose(false);">

<input type=button value="測試重新整理" onclick="window.location.reload();">

</body>

</html>

繼續閱讀