javascript关于open.window子页面执行完成后刷新父页面的问题分析

这篇文章主要介绍了javascript关于open.window子页面执行完成后刷新父页面的问题,实例分析了javascript操作子页面的执行与父页面的刷新技巧,非常具有实用价值,需要的朋友可以参考下

本文实例分析了javascript关于open.window子页面执行完成后刷新父页面的方法。分享给大家供大家参考。具体分析如下：

主页面：

1. <input id="btnAdd" type="button" onclick="openWin();" value="添加" /> 

在js中有如下代码：

1. function openWin() { 
2. window.open('addInfo.jsp', '_blank', 
3. 'width=300,height=400,top=200,left=400'); 
4. } 
5. //定义callback方法，用于回调 
6. function callback() { 
7. refreshWin(); 
8. } 
9. //刷新当前页面 
10. function refreshWin() { 
11. //调用刷新页面的方法，此处RefreshSocket为刷新页面对应的方法 
12. //也就是说，如果页面有个刷新按钮， 
13. //则点击按钮提交的类名就是此处的类名 
14. var url = 'RefreshSocket'; 
15. window.location.href = url; 
16. } 

在addInfo.jsp页面有如下代码：

1. <form name="form" action="AddSocket" method="get"> 
2. <input id="onSub" type="button" onclick="formSubmit();" value="确定"> 
3. </form> 

1. function formSubmit(){ 
2. this.form.submit(); 
3. //提交action到AddSocket类 
4. window.opener.callback(); 
5. //上述执行完成后，调用打开页面的callback方法， 
6. //此处是调用主页面的callback方法 
7. window.close();//当前页面关闭 
8. } 

另外，如果是像删除这样的操作，直接从一个jsp跳转到一个类中，在类中执行一系列操作后，如果想刷新当前页面，那么，可以直接在类中书写跳转语句即可，如下所示：

主页面mainPage.jsp：

1. //删除操作关联后台的DeleteSocket类，如果要传参数，用?即可 
2. window.location.href = DeleteSocket 

DeleteSocket类页面：

复制代码代码如下:

//执行一系列操作后，可以直接书写JavaScript代码

//写完这句话后就可以直接跳转到主页面并刷新主页面

out.print("");

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