在用户离开页面(刷新、后退、关闭等)时提示信息

刷新|页面|刷新

有时候在编辑页面用户做修改后,可能会有刷新、关闭等误操作造成当前页面信息的丢失,
何不先提醒一下用户呢?实例代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
 <title>Confirm Before Leave</title>
 <script language="javascript" type="text/javascript"><!--
 var pb_strConfirmCloseMessage;
 var pb_blnCloseWindow = false;
 pb_strConfirmCloseMessage ="您真的要离开本页吗?";
 function ConfirmClose() {
     window.event.returnValue = pb_strConfirmCloseMessage;
     pb_blnCloseWindow = true;
 }
 function ShowConfirmClose(blnValue) {
     if(blnValue) {
         document.body.onbeforeunload = ConfirmClose;
     } else {
         document.body.onbeforeunload = null;
     }
 }
 //--></script>
</head>
<body >
<input type=button value="提示" >
<input type=button value="不提示" >
<input type=button value="测试刷新" >
</body>
</html>

时间: 2024-09-20 14:27:28

在用户离开页面(刷新、后退、关闭等)时提示信息的相关文章

用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)_javascript技巧

Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定.区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行. Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取:而onunload则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调

Javascript判断页面刷新或关闭的方法(转)

onbeforeunload与onunload事件 Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定.区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行. Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取:而onunload则已经从服务器

js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)_javascript技巧

本文实例讲述了js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件).分享给大家供大家参考.具体如下: 用户离开页面前,提示是否离开此页面(包括浏览器按钮事件) <script type="text/javascript"> window.onbeforeunload = function(){ return "您的文章尚未保存!"; } </script> 如果在退出页面时需要弹出对话框,提示用户将要退出页面,类似当设置某个功

在用户离开页面时提示信息

页面 有时候在编辑页面用户做修改后,可能会有刷新.关闭等误操作造成当前页面信息的丢失,何不先提醒一下用户呢?实例代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head><title>Confirm Before Leave</title><script language="javascript" t

不离开页面刷新数据

开门见山,不离开页面就能刷新页面中的(部分)数据好处多多.主要是不需要写无聊代码维护 state. ASP.NET (以及其雏形 VI6 SOM)中的 server-side control (VI6 DTC, Script Library) 通过大量 hidden input 来维护页面 state,其功力之深,非吾辈能及.所以我们要想办法不离开页面就能得到 新数据,这样生活会比较好过. 其实办法早就有很多.比如自己写 ActiveX Control 或 Java Applets,或使用系统自

利用XML不离开页面刷新数据

开门见山,不离开页面就能刷新页面中的(部分)数据好处多多.主要是不需要写无聊代码维护 state.ASP.NET (以及其雏形 VI6 SOM)中的 server-side control (VI6 DTC, Script Library) 通过大量hidden input 来维护页面 state,其功力之深,非吾辈能及.所以我们要想办法不离开页面就能得到新数据,这样生活会比较好过. 其实办法早就有很多.比如自己写 ActiveX Control 或 Java Applets,或使用系统自己带的

Javascript如何监听页面刷新和关闭事件

在我们的日常生活中,时常遇到这么一种情况,当我们在点击一个链接.关闭页面.表单提交时等情况,会提示我们是否确认该操作等信息. 这里就给大家讲讲javascript的onbeforeunload()和onunload()两个事件. 相同点: 两者都是在对页面的关闭或刷新事件作个操作. 不同点: unbeforeunload()事件执行的顺序在onunload()事件之前发生.(因为,unbeforeunload()是在页面刷新之前触发的事件,而onubload()是在页面关闭之后才会触发的). u

javascript 防止刷新,后退,关闭_javascript技巧

复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html><head> <title> New Document </title> </head> <script language="javascript"> function RunOnBeforeUnload() {window.

JavaScript中判断页面关闭、页面刷新的实现代码

  今天由于项目需要判断用户离开页面时要判断用户的行为是关闭还是刷新 虽然没有直接的方法,但通过一定的技巧也能做到 不得不感叹JavaScript的强大!! 请看一下代码: 代码如下: window.onunload = function(){ var a_n = window.event.screenX - window.screenLeft; var a_b = a_n > document.documentElement.scrollWidth-20; if(a_b && wi