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


Posted in Javascript onJanuary 16, 2013

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();">
Javascript 相关文章推荐
如何在Mozilla Gecko 用Javascript加载XSL
Jan 09 Javascript
js loading加载效果实现代码
Nov 24 Javascript
JS清除IE浏览器缓存的方法
Jul 26 Javascript
js防止页面被iframe调用的方法
Oct 30 Javascript
Node.js实现的简易网页抓取功能示例
Dec 05 Javascript
asp知识整理笔记3(问答模式)
Sep 27 Javascript
浅谈JavaScript变量的自动转换和语句
Jun 12 Javascript
详解Angular 中 ngOnInit 和 constructor 使用场景
Jun 22 Javascript
node上的redis调用优化示例详解
Oct 30 Javascript
利用jquery和BootStrap实现动态滚动条效果
Dec 03 jQuery
详解vue beforeRouteEnter 异步获取数据给实例问题
Aug 09 Javascript
构建大型 Vue.js 项目的10条建议(小结)
Nov 14 Javascript
js拦截alert对话框另类应用
Jan 16 #Javascript
javascript图像处理—仿射变换深度理解
Jan 16 #Javascript
用js获取电脑信息(是使用与IE浏览器)
Jan 15 #Javascript
使用jQuery fancybox插件打造一个实用的数据传输模态弹出窗体
Jan 15 #Javascript
尝试在让script的type属性等于text/html
Jan 15 #Javascript
Js-$.extend扩展方法使方法参数更灵活
Jan 15 #Javascript
js弹出框轻量级插件jquery.boxy使用介绍
Jan 15 #Javascript
You might like
php5中date()得出的时间为什么不是当前时间的解决方法
2008/06/30 PHP
用mysql触发器自动更新memcache的实现代码
2009/10/11 PHP
基于MySQL分区性能的详细介绍
2013/05/02 PHP
PHP批量去除BOM头代码分享
2015/06/26 PHP
PHP利用APC模块实现大文件上传进度条的方法
2015/10/29 PHP
利用PHP判断是手机移动端还是PC端访问的函数示例
2017/12/14 PHP
PHP实现二维数组(或多维数组)转换成一维数组的常见方法总结
2019/12/04 PHP
关于取不到由location.href提交而来的上级页面地址的解决办法
2009/07/30 Javascript
jquery学习笔记 用jquery实现无刷新登录
2011/08/08 Javascript
FireBug 调试JS入门教程 如何调试JS
2013/12/23 Javascript
基于jquery实现最简单的选项卡切换效果
2016/05/08 Javascript
jQuery Chosen通用初始化
2017/03/07 Javascript
AngularJs每天学习之总体介绍
2017/08/07 Javascript
jQuery实现的文字逐行向上间歇滚动效果示例
2017/09/06 jQuery
JavaScript实现焦点进入文本框内关闭输入法的核心代码
2017/09/20 Javascript
js实现图片粘贴上传到服务器并展示的实例
2017/11/08 Javascript
细说webpack源码之compile流程-入口函数run
2017/12/26 Javascript
vue 实现通过手机发送短信验证码注册功能
2018/04/19 Javascript
node前端模板引擎Jade之标签的基本写法
2018/05/11 Javascript
JavaScript笛卡尔积超简单实现算法示例
2018/07/30 Javascript
详解js动态获取浏览器或页面等容器的宽高
2019/03/13 Javascript
Vue.js中的高级面试题及答案
2020/01/13 Javascript
vue表单验证之禁止input输入框输入空格
2020/12/03 Vue.js
[42:32]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第二场 11.27
2020/12/01 DOTA
符合语言习惯的 Python 优雅编程技巧【推荐】
2018/09/25 Python
在Python函数中输入任意数量参数的实例
2019/07/16 Python
python中@property和property函数常见使用方法示例
2019/10/21 Python
如何在windows下安装配置python工具Ulipad
2020/10/27 Python
Book Depository亚太地区:一家领先的国际图书零售商
2019/05/05 全球购物
俄罗斯首家面向中国消费者的一站式购物网站:Wruru
2020/05/08 全球购物
计算机应用毕业生自荐信
2013/10/23 职场文书
《燕子》教学反思
2014/02/18 职场文书
2015新年寄语(一句话)
2014/12/08 职场文书
2015年世界环境日活动方案
2015/05/05 职场文书
一年级语文教学随笔
2015/08/14 职场文书
详解使用 CSS prefers-* 规范提升网站的可访问性与健壮性
2021/05/25 HTML / CSS