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 相关文章推荐
IE中jscript/javascript的条件编译
Sep 07 Javascript
COM中获取JavaScript数组大小的代码
Nov 22 Javascript
JavaScript获取table中某一列的值的方法
May 06 Javascript
jquery实现的鼠标下拉滚动置顶效果
Jul 24 Javascript
jQuery实现自动滚动到页面顶端的方法
May 22 Javascript
详解jquery事件delegate()的使用方法
Jan 25 Javascript
Vue项目webpack打包部署到服务器的实例详解
Jul 17 Javascript
Javascript中 toFixed四舍六入方法
Aug 21 Javascript
推荐VSCode 上特别好用的 Vue 插件之vetur
Sep 14 Javascript
详解如何优雅地在React项目中使用Redux
Dec 28 Javascript
基于VuePress 轻量级静态网站生成器的实现方法
Apr 17 Javascript
vuex state中的数组变化监听实例
Nov 06 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
虹吸式咖啡壶操作
2021/03/03 冲泡冲煮
以文本方式上传二进制文件的PHP程序
2006/10/09 PHP
php session 错误
2009/05/21 PHP
PHP实现页面静态化的超简单方法
2016/09/06 PHP
PHP编程中的Session阻塞问题与解决方法分析
2017/08/07 PHP
实例分析PHP中PHPMailer发邮件
2017/12/13 PHP
jquery 简短几句代码实现给元素动态添加及获取提示信息
2011/09/01 Javascript
JavaScript图片放大技术(放大镜)实现代码分享
2013/11/14 Javascript
Jquery技巧(必须掌握)
2016/03/16 Javascript
JS简单测试循环运行时间的方法
2016/09/04 Javascript
原生JS简单实现ajax的方法示例
2016/11/29 Javascript
ajax分页效果(bootstrap模态框)
2017/01/23 Javascript
解决vue2.x中数据渲染以及vuex缓存的问题
2017/07/13 Javascript
JavaScript使用闭包模仿块级作用域操作示例
2019/01/21 Javascript
vue 中使用 watch 出现了如下的报错的原因分析
2019/05/21 Javascript
layui实现form表单同时提交数据和文件的代码
2019/10/25 Javascript
js实现菜单跳转效果
2020/12/11 Javascript
使用PDB简单调试Python程序简明指南
2015/04/25 Python
python开发之list操作实例分析
2016/02/22 Python
Python实现的概率分布运算操作示例
2017/08/14 Python
TensorFlow saver指定变量的存取
2018/03/10 Python
Python API 自动化实战详解(纯代码)
2019/06/11 Python
Djang的model创建的字段和参数详解
2019/07/27 Python
Python GUI学习之登录系统界面篇
2019/08/21 Python
python画微信表情符的实例代码
2019/10/09 Python
python函数定义和调用过程详解
2020/02/09 Python
Python获取对象属性的几种方式小结
2020/03/12 Python
Python 带星号(* 或 **)的函数参数详解
2021/02/23 Python
聊聊python在linux下与windows下导入模块的区别说明
2021/03/03 Python
初中学习计划书范文
2014/09/15 职场文书
民主生活会整改措施(党员)
2014/09/18 职场文书
周一早安温馨问候祝福语!
2019/07/15 职场文书
如何利用pygame实现打飞机小游戏
2021/05/30 Python
postgresql无序uuid性能测试及对数据库的影响
2021/06/11 PostgreSQL
java项目构建Gradle的使用教程
2022/03/24 Java/Android
Spring Cloud OpenFeign模版化客户端
2022/06/25 Java/Android