有時候在編輯頁面用戶做修改后,可能會有刷新、關閉等誤操作造成當前頁面信息的丟失, 何不先提醒一下用戶呢?實例代碼如下:
<!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>
|