javascript關於open.window子頁面執行完成後刷新父頁面的問題分析_javascript技巧

本文實例分析了javascript關於open.window子頁面執行完成後刷新父頁面的方法。分享給大家供大家參考。具體分析如下：

主頁：

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

在js中有以下程式碼：

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頁面有以下程式碼：

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

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

另外，如果是像刪除這樣的操作，直接從一個jsp跳到一個類別中，在類別中執行一系列操作後，如果想刷新當前頁面，那麼，可以直接在類別中書寫跳躍語句即可，如下圖所示：

主頁mainPage.jsp：

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

DeleteSocket類別：

複製程式碼 程式碼如下:

//執行一連串操作後，可以直接書寫JavaScript程式碼
//寫完這句話後就可以直接跳到主頁面並刷新主頁

out.print("");

希望本文所述對大家的javascript程式設計有所幫助。