本文實例講述了JavaScript實現提交模式窗口后刷新父窗口數據的方法。分享給大家供大家參考,具體如下:
有些時間,按需求設計,一個窗口中,點擊按扭,彈出模式窗口,在模式窗口中,添加完數據后(提交),關閉模式窗口,并且刷新父窗口,而恰恰模式窗口并不支持window.opener,所以無法獲得父窗口,也就是說無法在關閉模式窗口后,來得到父窗口,但是可以借助showModealDialog的返回值來判斷是否刷新,當調用showModealDialog時,父窗口代碼會停在這一行,當彈出的模式窗口關閉時給window.returnValue賦值,再調用window.close()方法,最后submit提交,等數據提交后,會關閉了模式窗口,此時程序返回到父窗口,showModealDialog得到返回值,接下來,根據返回值即可決定是否要reload,注意:為避免打開新窗口,一定要在父窗口的<head>下加入<base target="_self" />,這樣子就實現了關閉模式窗口來刷新父窗口了。
代碼1:parent form
function showDatas(){ var re=window.showModalDialog("url","parameter","description"); if(re==1){ window.location.reload(); }}
代碼2:modal form
function subForm(){ window.returnValue="1"; window.close(); document.getElementById("myForm").submit();}
更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript窗口操作與技巧匯總》、《JavaScript中json操作技巧總結》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答