js代码
<script language="JavaScript">
//在离开页面时判断是否有未保存的输入值
var hasSaved = false;//是否有输入的内容未保存标志,初始值为false
function CheckUnsave(){
//alert("");
if(hasSaved==false){
var pic_path = document.getElementById("pic_path").value;
var flash_path = document.getElementById("flash_path").value;
//alert(pic_path);
if(pic_path !="" || flash_path!=""){
alert("您上传的东西尚未保存,请保存后再离开页面,否则会造成服务器上很多垃圾文件...");
return false;
}
//return true; //不能加这个语句
}
//return true; //不能加这个语句
}
//保存了则改变状态
function ChangeState()
{
hasSaved = true;
}
</script>
在body中加入属性onbeforeunload
<body onbeforeunload="return CheckUnsave();"><!--一定要加return-->
如果按下某个按钮后离开页面则不再提醒,比如保存的按钮,则要在保存的按钮按下以后,要修改下是否保存的标志符的状态eg:
<input type="submit" name="Submit" value="保 存" onClick="ChangeState();">
分享到:
相关推荐
本文实例讲述了js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)。分享给大家供大家参考。具体如下: 用户离开页面前,提示是否离开此页面(包括浏览器按钮事件) [removed] [removed] = ...
js 页面离开,关闭,刷新时提醒保存 简单代码.
在离开页面时判断是否有未保存的输入值,然后进行提醒,接下来介绍实现步骤,感兴趣的朋友可以了解下
离开页面时,检测表单元素是否被修改,然后给出提示.防止用户错失修改的机会,提高用户体验。
用于自动检查任何页面输入或 textarea 值是否已更改的小型 JavaScript 模块,并在用户导航未保存的更改之前提醒他们 用法: 链接到此 js 文件或将代码包含在您的 HTML 中。 在任何保存事件中,只需调用 ...
1.15 离开页面时弹出对话框 1.16 判断页面是否添加了W3C声明 1.17 屏蔽网页中的脚本 1.18 以频道模式打开页面 1.19 自动识别网页类型 1.20 在网页中动态添加Script脚本 1.21 用JavaScript随机修改页面的标题 1.22 ...
1.15 离开页面时弹出对话框 1.16 判断页面是否添加了W3C声明 1.17 屏蔽网页中的脚本 1.18 以频道模式打开页面 1.19 自动识别网页类型 1.20 在网页中动态添加Script脚本 1.21 用JavaScript随机修改页面的标题 1.22 ...
react-goodbye是一个保存提醒实用程序,可以防止在离开之前进行路由转换而不保存更改。 请查看页面以获取更多信息。 安装 npm install --save react-goodbye 或者您可以使用yarn : yarn add react-goodbye ...
除了对页面的浏览量进行分析外,还对访问者进入您的网站时访问的第一页(入口网页)进行统计,我们可据此知道某个网页在搜索引擎中的地位或者被别的网站连接的情况。 来路分析 大多数时候我们并不知道我们网站的...
客户端使用 AJAX 心跳包拉数据,应用 JQuery 框架实现页面效果; 技术点: 1.CH2.Ajax 框架 2.动态js 3.动态css 4.jsonp跨域 5.iframe跨域 6.心跳包 7.ajax上传图片 8.裁切图片 9.js表单验证 10.悬浮层拖拽 11.列表...