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

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

　　主页面：

　　?

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

　　在js中有如下代码：

　　?

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

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

　　?

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

　　?

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

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

　　主页面mainPage.jsp：

　　?

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

　　DeleteSocket类页面：

　　复制代码 代码如下:

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

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

　　out.print(" ");

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