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 相关文章推荐
理解Javascript_15_作用域分配与变量访问规则,再送个闭包
Oct 20 Javascript
JS事件在IE与FF中的区别详细解析
Nov 20 Javascript
Javascript 按位取反运算符 (~)
Feb 04 Javascript
jQuery拖动div、移动div、弹出层实现原理及示例
Apr 08 Javascript
探讨js字符串数组拼接的性能问题
Oct 11 Javascript
js自调用匿名函数的三种写法(推荐)
Aug 19 Javascript
BootStrap daterangepicker 双日历控件
Jun 02 Javascript
VUE-cli3使用 svg-sprite-loader
Oct 20 Javascript
运用js实现图层拖拽的功能
May 24 Javascript
keep-Alive搭配vue-router实现缓存页面效果的示例代码
Jun 24 Javascript
微信小程序实现拼图小游戏
Oct 22 Javascript
80行代码写一个Webpack插件并发布到npm
May 24 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
MayFish PHP的MVC架构的开发框架
2009/08/13 PHP
PHP内核介绍及扩展开发指南―基础知识
2011/09/11 PHP
php中CI操作多个数据库的代码
2012/07/05 PHP
ThinkPHP缓存方法S()概述
2014/06/13 PHP
ThinkPHP实现事务回滚示例代码
2014/06/23 PHP
PHP模块memcached使用指南
2014/12/08 PHP
smarty内置函数{loteral}、{ldelim}和{rdelim}用法实例
2015/01/22 PHP
PHP实现的简单在线计算器功能示例
2017/08/02 PHP
基于jquery ajax 用户无刷新登录方法详解
2012/04/28 Javascript
JS判断页面加载状态以及添加遮罩和缓冲动画的代码
2012/10/11 Javascript
JavaScript中pop()方法的使用教程
2015/06/09 Javascript
jQuery实现响应鼠标事件的图片透明效果【附demo源码下载】
2016/06/16 Javascript
js oncontextmenu事件使用详解
2017/03/25 Javascript
WebSocket实现简单客服聊天系统
2017/05/12 Javascript
基于VUE选择上传图片并页面显示(图片可删除)
2017/05/25 Javascript
js精确的加减乘除实例
2017/11/14 Javascript
jQuery中图片展示插件highslide.js的简单dom
2018/04/22 jQuery
详解ES6中的三种异步解决方案
2018/06/28 Javascript
基于Vue2-Calendar改进的日历组件(含中文使用说明)
2019/04/14 Javascript
判断js数据类型的函数实例详解
2019/05/23 Javascript
微信小程序实现左侧滑动导航栏
2020/04/08 Javascript
微信小程序图片自适应实现解析
2020/01/21 Javascript
JS实现前端动态分页码代码实例
2020/06/02 Javascript
浅谈Vue使用Elementui修改默认的最快方法
2020/12/05 Vue.js
python根据出生日期获得年龄的方法
2015/03/31 Python
html5实现微信打飞机游戏
2014/03/27 HTML / CSS
VIVOBAREFOOT赤脚鞋:让您的脚做自然的事情
2017/06/01 全球购物
德国机车企业:FC-Moto
2017/10/27 全球购物
可以使用抽象函数重写基类中的虚函数吗
2013/06/02 面试题
小饰品店的创业计划书范文
2013/12/28 职场文书
丧事主持词大全
2014/04/02 职场文书
三年级学生评语
2014/04/23 职场文书
食堂标语大全
2014/06/11 职场文书
2014年“世界无车日”活动方案
2014/09/21 职场文书
紧急通知
2015/04/17 职场文书
统招统分证明
2015/06/23 职场文书