javascript关于open.window子页面执行完成后刷新父页

JavaScript中的子页面执行完成后刷新父页面问题

本文将通过实例分析的方式，深入在JavaScript中如何通过操作子页面来刷新父页面。对于那些在Web开发中遇到此类问题的朋友们，本文或许能提供一些实用的参考。

让我们看一下主页面。页面上有一个按钮，点击后会打开一个新的窗口（子页面）。

```html

```

对应的JavaScript代码如下：

```javascript

function openWin() {

window.open('addInfo.jsp', '_blank', 'width=300,height=');

}

```

在子页面`addInfo.jsp`中，有一个表单提交的操作。提交后，我们希望执行一些操作并刷新父页面。为了实现这一点，我们需要在子页面的JavaScript中调用父页面的一个回调函数。这个回调函数会在子页面执行完毕后执行，从而刷新父页面。

回调函数定义如下：

```javascript

function callback() {

refreshWin();

}

```

刷新当前页面的函数为：

```javascript

function refreshWin() {

var url = window.location.href; // 获取当前页面的URL

window.location.href = url; // 通过重新加载来刷新页面

}

```

在子页面的表单提交函数中，我们提交表单后，调用回调函数刷新父页面，然后关闭子页面：

```javascript

function formSubmit(){

this.form.submit(); // 提交表单

window.opener.callback(); // 调用父页面的回调函数，刷新父页面

window.close(); // 关闭当前子页面窗口

}

```

对于像删除这样的操作，我们从一个JSP页面跳转到后台的某个类执行操作后，如果需要刷新当前页面，可以在该类中直接书写跳转语句。例如，在DeleteSocket类执行完一系列操作后，可以直接书写JavaScript代码跳转到主页面并刷新主页面。这在服务器端输出JavaScript代码实现：

```java

out.print(""); // 跳转到主页面并刷新

```

通过合理地使用JavaScript和HTML的特性，我们可以在子页面执行完成后刷新父页面。希望本文能对大家在JavaScript程序设计方面有所帮助。随着Web技术的不断发展，这类问题将会有更多的解决方案和技巧等待我们去和学习。