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

 　　這篇文章主要介紹了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程序設計有所幫助。