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

2018-09-06 12:49

阅读:616

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

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

  


评论


亲,登录后才可以留言!