DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript關於open.window子頁面執行完成後刷新父頁面的問題分析
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("<script type='text/javascript'>location.href='mainPage.jsp'</script>");

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved