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

一时失言乱红尘 2021-12-20 21:33 289阅读 0赞

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
<html>  
<head>  
 <title>Confirm Before Leave</title>  
 <script language="javascript" type="text/javascript"></script>  
</head>  
<body οnlοad="ShowConfirmClose(true);">  
<input type=button value="提示" οnclick="ShowConfirmClose(true);">  
<input type=button value="不提示" οnclick="ShowConfirmClose(false);">  
<input type=button value="测试刷新" οnclick="window.location.reload();">  
</body>  
</html>

转载于:https://www.cnblogs.com/Spring/archive/2005/07/07/188067.html

发表评论取消回复

表情：

评论列表（有 0 条评论，289人围观）

还没有评论，来说两句吧...

相关阅读

相关 H5页面在IOS后退不刷新的解决方法

//将此段代码放入需要刷新的页面即可　　 var browserRule = /^.\((iPhone)|(iPad)|(Safari))+.\$/;

清疚/ 2023年08月17日 17:33/ 0 赞/ 170 阅读

相关 js实现关闭或刷新页面时保存页面数据

在刷新时调用浏览器事件将html/js代码用json的格式保存到localStorage中 //浏览器属性事件 window.onbeforeunload =

小咪咪/ 2023年07月02日 10:23/ 0 赞/ 36 阅读

相关浏览器关闭时提示用户

简易版 // 监听浏览器关闭 window.addEventListener('beforeunload', this.beforeunloadHand

太过爱你忘了你带给我的痛/ 2023年06月28日 06:13/ 0 赞/ 44 阅读

相关前进刷新，后退不刷新

首先在router/index.js中的 routes中的每一项加上 meta: { keepAlive: false } 就按好像下面一样，

心已赠人/ 2023年06月24日 08:25/ 0 赞/ 54 阅读

相关 js 离开当前页面提示

需求：当用户离开html 页面时，希望给用户弹出一个提示，以免丢失用户输入的信息。实现：使用了jquery 。 html 代码如下。 <!DOCTYP

野性酷女/ 2022年06月18日 00:21/ 0 赞/ 320 阅读

相关 html页面关闭、刷新前提示

var isLoad=false; window.onload = function(){ isLoad=true; }

忘是亡心i/ 2022年05月29日 02:28/ 0 赞/ 399 阅读

相关关闭dialog时刷新当前tab页面

实现代码： <div id="dlg" class="easyui-dialog" style="width:620px;height:150px;padding: 10

ゝ一纸荒年。/ 2022年05月18日 05:14/ 0 赞/ 342 阅读

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

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

一时失言乱红尘/ 2021年12月20日 21:33/ 0 赞/ 290 阅读

相关 js实现用户关闭页面时提示是否离开此页面的方法

<script type="text/javascript"> window.onbeforeunload = function(){

﹏ヽ暗。殇╰゛Y/ 2021年09月27日 21:14/ 0 赞/ 415 阅读

相关 ios 页面后退不重新刷新页面问题

使用history.go(-1)回退页面，结果页面不刷新，处理过的数据还留在页面上，容易出现二次处理报错的问题。安卓是没有问题的。使用此方法可以解决加载问题。不限于io

我会带着你远行/ 2021年09月08日 16:50/ 0 赞/ 679 阅读