本文實例講述了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(); }