js 实现在离开页面时提醒未保存的信息(减少用户重复操作)_javascript技巧

Javascript代码

复制代码 代码如下:

//在离开页面时判断是否有未保存的输入值
var hasSaved = false;//是否有输入的内容未保存标志,初始值为false
function CheckUnsave(){
if(hasSaved==false){
alert("您上传的东西尚未保存,请保存后再离开页面");
return false;}
//return true; //不能加这个语句
}

//保存了则改变状态
function ChangeState()
{
hasSaved = true;
}
</script>

在body中加入属性onbeforeunload
Html代码

复制代码 代码如下:

<body onbeforeunload="return CheckUnsave();"><!--一定要加return-->

要在提交action之前调用ChangeState.
如果按下某个按钮后离开页面则不再提醒,比如保存的按钮,则要在保存的按钮按下以后,要修改下是否保存的标志符的状态eg:
Html代码

复制代码 代码如下:

<input type="submit" name="Submit" value="保 存" onClick="ChangeState();">

时间: 2024-08-01 00:30:50

js 实现在离开页面时提醒未保存的信息(减少用户重复操作)_javascript技巧的相关文章

Jquery关闭离开页面时提醒

jquery离开页面弹出提示代码  代码如下 复制代码 //绑定beforeunload事件 $(window).bind('beforeunload',function(){ return '您输入的内容尚未保存,确定离开此页面吗?'; }); //解除绑定,一般放在提交触发事件中 $(window).unbind('beforeunload'); js离开页面提示  代码如下 复制代码 window.onbeforeunload = function(event) { return conf

怎样防止突然停电时丢失未保存的重要文档?

小编自己就吃过这样的亏,小编喜欢用记事本来记录东西,结果有一次突然停电了,资料的损失了,这里建议大家最好是WORD软件来记录重要的资料,以为WORD有个自动保存的功能,挺好用的!废话就不多说了,来看看怎样防止突然停电时丢失未保存的重要文档? 如果在计算机处于等待状态的情况下发生停电事故,那么,内存中的一切信息都将丢失.如果此时您未及将文档保存,便会失去已编辑完的内容.然而,在使用不间断电源(UPS)的情况下,您则可在停电期间防止数据丢失现象的发生. 尽管停电时间有可能持续到UPS电池耗尽之后,然

php-PHP登录成功跳转到页面时,如何用阶段变量显示用户的真实姓名?

问题描述 PHP登录成功跳转到页面时,如何用阶段变量显示用户的真实姓名? 表里有username,password, truename 登陆时候用的username ,没用到truename. 如何在成功登陆后显示真实姓名?求大神赐教啊 解决方案 将truename从数据库读取存入session中,再其他页面从session中取truename显示就行 php session:http://www.jb51.net/article/42500.htm 解决方案二: 放入session或者cook

关闭页面时window.location事件未执行的原因分析及解决方案_javascript技巧

1.问题描述: JS中定义widow.location = function(),页面关闭时,logout()函数未执行. window.onunload = function() { logout(); } function logout(reqParam, callback){ var userManageServiceUrl = "http://" + getServerAddr() + "/axis2/services/UserManageService";

关闭页面window.location事件未执行的原因及解决方法_javascript技巧

1.问题描述: JS中定义widow.location = function(),页面关闭时,logout()函数未执行. window.onunload = function() { logout(); } function logout(reqParam, callback){ var userManageServiceUrl = "http://" + getServerAddr() + "/axis2/services/UserManageService";

用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)_javascript技巧

Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定.区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行. Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取:而onunload则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调

js判断当前页面在移动设备还是在PC端中打开_javascript技巧

本文实例讲解了js判断当前页面在移动设备还是在PC端中打开的详细代码,分享给大家供大家参考,具体内容如下 var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto') > -1,

js定义对象或数组直接量时各浏览器对多余逗号的处理(json)_javascript技巧

1.js引擎在代码载入时进行语法分析,如果js写的不规范则语法分析通不过.这时候的错误称为语法错误 2.语法分析通过了,js引擎会执行代码.执行期间发生的错误称为运行错误 不同引擎处理这2种错误的提示不太一样.如下: 复制代码 代码如下: var p = {name:"Jack",age:33,};//注意33后有个逗号 p.toString = function() {return "姓名:" +this.name + ",年龄:" + thi

JS组件福利大放送 推荐12款好用的Bootstrap组件_javascript技巧

前言:之前分享过很多bootstrap常用组件,包括表格.表单验证.文件上传.复选下拉框.弹出框等.这段时间,博主又收藏了一些好用的组件(有些在项目中已经用起来了),经过两天的时间,已经整理出了一部分,本着"好东西要与人分享"的原则,今天还是来点福利,将博主收藏的东西分享出来,供需要的园友参考.组件大部分都是些开源组件,也有部分是博主自己在网上找到然后改写出来的效果,可能不尽如人意,有兴趣的且看看吧. 一.时间组件 bootstrap风格的时间组件非常多,你可以在github上面随便搜