JavaScript實現(xiàn)提交模式窗口后刷新父窗口數(shù)據(jù)的方法
本文實例講述了JavaScript實現(xiàn)提交模式窗口后刷新父窗口數(shù)據(jù)的方法。分享給大家供大家參考,具體如下:
有些時間,按需求設(shè)計,一個窗口中,點擊按扭,彈出模式窗口,在模式窗口中,添加完數(shù)據(jù)后(提交),關(guān)閉模式窗口,并且刷新父窗口,而恰恰模式窗口并不支持window.opener,所以無法獲得父窗口,也就是說無法在關(guān)閉模式窗口后,來得到父窗口,但是可以借助showModealDialog的返回值來判斷是否刷新,當(dāng)調(diào)用showModealDialog時,父窗口代碼會停在這一行,當(dāng)彈出的模式窗口關(guān)閉時給window.returnValue賦值,再調(diào)用window.close()方法,最后submit提交,等數(shù)據(jù)提交后,會關(guān)閉了模式窗口,此時程序返回到父窗口,showModealDialog得到返回值,接下來,根據(jù)返回值即可決定是否要reload,注意:為避免打開新窗口,一定要在父窗口的<head>下加入<base target="_self" />,這樣子就實現(xiàn)了關(guān)閉模式窗口來刷新父窗口了。
代碼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(); }
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript窗口操作與技巧匯總》、《JavaScript中json操作技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
- JS實現(xiàn)彈出居中的模式窗口示例
- js 模式窗口(模式對話框和非模式對話框)的使用介紹
- JAVASCRIPT模式窗口中下載文件無法接收iframe的流
- JS刷新父窗口的幾種方式小結(jié)(推薦)
- JS與jQuery實現(xiàn)子窗口獲取父窗口元素值的方法
- JavaScript子窗口調(diào)用父窗口變量和函數(shù)的方法
- JavaScript彈出新窗口后向父窗口輸出內(nèi)容的方法
- JavaScript實現(xiàn)彈出子窗口并傳值給父窗口
- javascript 彈出的窗口返回值給父窗口具體實現(xiàn)
- JS子父窗口互相操作取值賦值的方法介紹
- js 父窗口控制子窗口的行為-打開,關(guān)閉,重定位,回復(fù)
相關(guān)文章
JS Excel讀取和寫入操作(模板操作)實現(xiàn)代碼
前一段時間一直在做報表,所以肯定會用到Excel的操作,但是在網(wǎng)上查閱資料有關(guān)JS操作excel較少,有的話,也都是老生常談或很零碎的一些東西。2010-04-04Javascript中的this,bind和that使用實例
這篇文章主要介紹了Javascript中的this,bind和that使用實例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-12-12JavaScript實現(xiàn)網(wǎng)頁上的浮動廣告的簡單方法
JavaScript實現(xiàn)網(wǎng)頁上的浮動廣告的簡單方法,需要的朋友可以參考一下2013-06-06js刪除對象/數(shù)組中null、undefined、空對象及空數(shù)組方法示例
這篇文章主要給大家介紹了關(guān)于js刪除對象/數(shù)組中null、undefined、空對象及空數(shù)組的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考借鑒,下面隨著小編一起來看看吧2018-11-11使用JavaScript實現(xiàn)在頁面中顯示距離2017年中秋節(jié)的天數(shù)
這篇文章主要介紹了 使用JavaScript實現(xiàn)在頁面中顯示距離2017年中秋節(jié)的天數(shù)的相關(guān)資料,需要的朋友可以參考下2017-09-09