在用户离开页面时提示信息

发表于:2007-07-14来源:作者:点击数: 标签:
有时候在编辑页面用户做修改后,可能会有刷新、关闭等误操作造成当前页面信息的丢失, 何不先提醒一下用户呢?实例代码如下: !DOCTYPE HTML PUBLIC "-//W3C//D TD HTML 4.0 Transitional//EN" html head titleConfirm Before Leave/title script language="

    有时候在编辑页面用户做修改后,可能会有刷新、关闭等误操作造成当前页面信息的丢失,
何不先提醒一下用户呢?实例代码如下:

<!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>


原文转自:http://www.ltesting.net