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