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