這篇文章主要介紹了javascript關于open.window子頁面執行完成后刷新父頁面的問題,實例分析了javascript操作子頁面的執行與父頁面的刷新技巧,非常具有實用價值,需要的朋友可以參考下

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

主頁面：

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

在js中有如下代碼：

1. function openWin() { 
2. window.open('addInfo.jsp', '_blank', 
3. 'width=300,height=400,top=200,left=400'); 
4. } 
5. //定義callback方法，用于回調 
6. function callback() { 
7. refreshWin(); 
8. } 
9. //刷新當前頁面 
10. function refreshWin() { 
11. //調用刷新頁面的方法，此處RefreshSocket為刷新頁面對應的方法 
12. //也就是說，如果頁面有個刷新按鈕， 
13. //則點擊按鈕提交的類名就是此處的類名 
14. var url = 'RefreshSocket'; 
15. window.location.href = url; 
16. } 

在addInfo.jsp頁面有如下代碼：

1. <form name="form" action="AddSocket" method="get"> 
2. <input id="onSub" type="button" onclick="formSubmit();" value="確定"> 
3. </form> 

1. function formSubmit(){ 
2. this.form.submit(); 
3. //提交action到AddSocket類 
4. window.opener.callback(); 
5. //上述執行完成后，調用打開頁面的callback方法， 
6. //此處是調用主頁面的callback方法 
7. window.close();//當前頁面關閉 
8. } 

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

主頁面mainPage.jsp：

1. //刪除操作關聯后臺的DeleteSocket類，如果要傳參數，用?即可 
2. window.location.href = DeleteSocket 

DeleteSocket類頁面：

復制代碼代碼如下:

//執行一系列操作后，可以直接書寫JavaScript代碼

//寫完這句話后就可以直接跳轉到主頁面并刷新主頁面

out.print("");

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