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

2016-01-29 20:03 12 1 收藏

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

【 tulaoshi.com - ASP 】

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
<html
<head
 <titleConfirm Before Leave</title
 <script language="javascript" type="text/javascript"

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/asp/)

<!--
 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.tulaoshi.com/asp/)

来源:http://www.tulaoshi.com/n/20160129/1510618.html

延伸阅读
每逢节假日各种运营推广活动如星云般涌现,在众多活动中如何让你的活动页设计脱颖而出,在最短时间内hold住用户脚步。下面我们一起看一下活动页信息展示法则,帮助你的活动页提升瞬间杀伤力。 一.重要信息突出展现 ● 活动页的重要信息是:活动标题(让用户了解是做什么的活动)、奖项设置(参与能得到什么)、参与入口(进入任务流程的通道),...
心理学是一门心的学问。关注用户体验不能不用心研读心理学,当你明白了这之中的道理,再考虑用户的时候自然就有了一杆秤。 无论是产品经理、前后端开发人员、架构师、数据分析师,我们都是为用户服务的。在社会这个大家庭里,我们都是用户。我们都是用户却各有所好。你喜欢这个,我喜欢那个,也有我们都喜欢的。那么在我们的心理隐藏着什么样...
标签: Web开发
    随着AJAX.NET BETA 2在今天发布,让我们看到了AJAX与ASP.NET2.0紧密结合的快捷与高效,我们甚至可以无需写一句JS代码即可让ASP.NET的网页得到以往要花上数小时编写的JS代码所实现的无刷新效果。而将这一切结合到ASP.NET也是那么的容易,只需将控件简单地移到UPDATEPANEL控件之内再设置几个参数即可实现。但是,在体验AJ...
标签: ASP
  一个网站有许多页面,如果用户知道某个页面的链接,可以在浏览器中直接输入url访问它。但这在一个要求有安全性的站点上是不允许的。我们要求用户必须登录以后才能访问各级页面,有时也确实希望用户总是先看到站点的主页。这两种要求可以通过在asp的global.asa中对session对象编程来实现。 1.用户必须从主页开始浏览 如果仅希望用户每...
标签: Web开发
.tableBorder7{width:800;solid; background-color: #000000;} TD{font-family: 宋体;font-size: 12px;line-height : 15px ;} th{background-color: #f7f7f7;color: #000000;font-size: 12px;font-weight:bold;} th.th1{background-color: #333333;} td.TableBody7{background-color: #B1EA45;} 蝶恋花 [Ctrl+A 全选 注:如需引...

经验教程

492

收藏

7
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部