本文實例分析了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程序設計有所幫助。