JS关闭子窗口并刷新父页面避免提示框的方法

问题背景与解决方案概述

本文介绍一种通过JavaScript实现关闭子窗口并刷新父页面，且不弹出浏览器提示框的方法。内容供开发者参考。

当通过A页面使用open方式打开B页面，并在B页面执行保存等操作后，若需关闭B页面并刷新A页面，浏览器通常会弹出一个提示框要求用户点击“重试”。这种非预期的交互会严重降低用户体验。

解决该问题需区分两种场景：

简单页面刷新方法

1、A页面结构简单（不包含frame或iframe）的情况：

在B页面的相关function中执行以下代码：

function close(){
 window.opener.location.reload();
 window.opener = null;
 window.open('','_self');
 window.close();
}

即可实现刷新。

含框架页面的刷新方法

2、A页面结构较复杂，包含框架等元素的情况：

需求描述：B页面需要刷新A页面的特定部分。

在B页面的function中直接调用A页面中定义的function。以常见的场景为例：A页面为列表页，B页面为新增页。

假设A页面中有一个查询按钮，点击后可获取所有列表数据。我们可以在B页面中触发该function来实现刷新：

function close(){
 window.opener.queryAll(); //queryAll()为A页面的查询function
 window.close();
}

需要注意的是，如果是在同一页面的frame之间跳转（从frame A到frame B），不应使用opener，而应使用parent对象。

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。