刷新或关闭网页时的提示

1.背景:

有些网页,在刷新或者关闭时,会有提示,需要确认之后才会继续用户的操作。这中功能主要有两种场景,一种是正在编辑中的网页,为了防止用户误操作导致网页关闭需要进行这种二次确认,另一种,是在网页销毁时,需要做一些动作,如上报信息等等。这时需要这个二次确认框来拖延时间。我在做项目时,遇到了第二种场景。

2.代码:

参考博客:http://blog.csdn.net/zollty/article/details/48420573

window.addEventListener("beforeunload", function (e) {

  var confirmationMessage = '确定离开此页吗?本页不需要刷新或后退';

 

  (e || window.event).returnValue = confirmationMessage;     // Gecko and Trident

  return confirmationMessage;                                // Gecko and WebKit

});

3.注意:

不是所有的浏览器都支持,像微信、QQ等移动端浏览器就不支持这个监听。所以业务上还需要再采用其他辅助方案。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
网页开发中,layer是一种常用的弹出层插件,可以用于显示各种提示信息、确认对话框等。当我们在layer中进行了一些操作后,例如提交表单或关闭确认对话框,有需要刷新上一级页面来更新内容或执行其他操作。 要实现layer刷新上一级页面,我们可以使用以下方法: 1. 使用JavaScript的location对象的reload方法。在layer中的操作完成后,可以在回调函数中使用location.reload()方法来重新加载当前页面。代码示例: ```javascript layer.confirm('操作完成,是否刷新页面?', function(index){ // 进行操作 location.reload(); // 重新加载当前页面 layer.close(index); // 关闭确认对话框 }); ``` 2. 利用父页面的方法来刷新。在layer弹出层的操作完成后,可以通过window.parent调用父页面的方法进行刷新。首先,在父页面中定义一个刷新方法,示例代码: ```javascript function refreshParentPage() { location.reload(); // 刷新父页面 } ``` 然后,在layer中的操作完成后,调用该方法刷新父页面。示例代码: ```javascript layer.confirm('操作完成,是否刷新页面?', function(index){ // 进行操作 window.parent.refreshParentPage(); // 调用父页面的方法刷新 layer.close(index); // 关闭确认对话框 }); ``` 无论是使用JavaScript的reload方法还是调用父页面的方法,都能够在layer中进行操作刷新上一级页面。具体使用哪种方法取决于具体的需求和项目架构。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值