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 相关文章推荐
收集的网上用的ajax之chat.js文件
Apr 08 Javascript
jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路
Apr 10 Javascript
jQuery ajaxForm()的应用
Oct 14 Javascript
easyui messager alert 三秒后自动关闭提示的实例
Nov 07 Javascript
使用BootStrap实现悬浮窗口的效果
Dec 13 Javascript
js上传图片预览的实现方法
May 09 Javascript
JavaScript实现的DOM树遍历方法详解【二叉DOM树、多叉DOM树】
May 07 Javascript
Vue通过ref父子组件拿值方法
Sep 12 Javascript
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧滑动,右侧不动)
Jan 23 Javascript
微信小程序项目总结之记账小程序功能的实现(包括后端)
Aug 20 Javascript
ant design 日期格式化的实现
Oct 27 Javascript
解决iview table组件里的 固定列 表格不自适应的问题
Nov 13 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
php数组函数序列之array_intersect() 返回两个或多个数组的交集数组
2011/11/10 PHP
PHP面向对象学习笔记之一 基础概念
2012/10/06 PHP
mac环境中使用brew安装php5.5.15
2014/08/18 PHP
PHP使用PDO实现mysql防注入功能详解
2019/12/20 PHP
javascript 流畅动画实现原理
2009/09/08 Javascript
再说AutoComplete自动补全之实现原理
2011/11/05 Javascript
js使下拉列表框可编辑不止是选择
2013/12/12 Javascript
两种JS实现屏蔽鼠标右键的方法
2020/08/20 Javascript
java必学必会之static关键字
2015/12/03 Javascript
VueJs与ReactJS和AngularJS的异同点
2016/12/12 Javascript
完美实现js焦点轮播效果(二)(图片可滚动)
2017/03/07 Javascript
JS简单实现父子窗口传值功能示例【未使用iframe框架】
2017/09/20 Javascript
基于Vue制作组织架构树组件
2017/12/06 Javascript
JavaScript中join()、splice()、slice()和split()函数用法示例
2018/08/24 Javascript
纯js实现无缝滚动功能代码实例
2020/02/21 Javascript
[00:30]塑造者的传承礼包-戴泽“暗影之焰”套装展示视频
2014/04/04 DOTA
Python对文件和目录进行操作的方法(file对象/os/os.path/shutil 模块)
2017/05/08 Python
单利模式及python实现方式详解
2018/03/20 Python
Sanic框架流式传输操作示例
2018/07/18 Python
python Selenium实现付费音乐批量下载的实现方法
2019/01/24 Python
Python字符串匹配之6种方法的使用详解
2019/04/08 Python
python模拟点击网页按钮实现方法
2020/02/25 Python
联想法国官方网站:Lenovo法国
2018/10/18 全球购物
C#如何允许一个类被继承但是避免这个类的方法被重载?
2015/02/24 面试题
销售人员自我评价怎么写
2013/09/19 职场文书
仓库理货员岗位职责
2013/12/18 职场文书
第一批党的群众路线教育实践活动工作总结
2014/03/03 职场文书
矿泉水广告词
2014/03/20 职场文书
开业庆典活动策划方案
2014/09/21 职场文书
政协会议宣传标语
2014/10/09 职场文书
党员反对四风思想汇报范文
2014/10/25 职场文书
导游词之苏州阳澄湖
2019/11/15 职场文书
python 办公自动化——基于pyqt5和openpyxl统计符合要求的名单
2021/05/25 Python
JS 基本概念详细介绍
2021/10/16 Javascript
Go语言编译原理之源码调试
2022/08/05 Golang
JS实现刷新网页后之前浏览位置保持不变示例详解
2022/08/14 Javascript