快捷導(dǎo)航

JavaScript實(shí)現(xiàn)提交模式窗口后刷新父窗口數(shù)據(jù)的方法

更新時(shí)間：2017年06月16日 09:54:16 作者：北漂的小羊

這篇文章主要介紹了JavaScript實(shí)現(xiàn)提交模式窗口后刷新父窗口數(shù)據(jù)的方法,涉及javascript窗口交互的相關(guān)操作技巧,需要的朋友可以參考下

本文實(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ì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

使用Auto.js?調(diào)用系統(tǒng)短信、電話模塊實(shí)現(xiàn)功能
這篇文章主要介紹了如何使用Auto.js調(diào)用系統(tǒng)短信與電話模塊，并實(shí)現(xiàn)讀取短信與聯(lián)系人的功能，并給出了實(shí)現(xiàn)相應(yīng)功能的代碼
2023-03-03
echarts地圖繪制自定義標(biāo)記實(shí)現(xiàn)方法
這篇文章主要給大家介紹了關(guān)于echarts地圖繪制自定義標(biāo)記實(shí)現(xiàn)的相關(guān)資料,ECharts地圖是一個(gè)功能強(qiáng)大的數(shù)據(jù)可視化工具,基于百度ECharts開(kāi)源項(xiàng)目開(kāi)發(fā)而成,它主要用于在網(wǎng)頁(yè)中展示各種地理數(shù)據(jù)和地圖的信息,需要的朋友可以參考下
2023-11-11
JS實(shí)現(xiàn)自定義彈窗功能
瀏覽器自帶的原生彈窗很不美觀，而且功能比較單一，絕大部分時(shí)候我們都會(huì)按照設(shè)計(jì)圖自定義彈窗或者直接使用注入layer的彈窗等等。下面小編給大家?guī)?lái)了JS實(shí)現(xiàn)自定義彈窗，感興趣的朋友一起看看吧
2018-08-08
Next.js解決axios獲取真實(shí)ip問(wèn)題方法分析
這篇文章主要介紹了Next.js解決axios獲取真實(shí)ip問(wèn)題方法分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-09-09
JavaScript時(shí)間與時(shí)間戳的轉(zhuǎn)換操作實(shí)例分析
這篇文章主要介紹了JavaScript時(shí)間與時(shí)間戳的轉(zhuǎn)換操作,結(jié)合實(shí)例形式分析了javascript日期與時(shí)間戳轉(zhuǎn)換相關(guān)函數(shù)與操作技巧,需要的朋友可以參考下
2018-12-12
javascript 加入收藏、設(shè)為首頁(yè)(IE,firefox兼容腳本之家版)
網(wǎng)上流行很多的加入收藏、設(shè)為首頁(yè)等功能代碼，但各方面不是很完善，特腳本之家編輯特為大家準(zhǔn)備了可以直接使用的代碼。
2009-11-11
易被忽視的js事件問(wèn)題總結(jié)
這篇文章主要為大家詳細(xì)介紹了易被忽視的js事件問(wèn)題，包括跨平臺(tái)事件、冒泡中target和currentTarget的區(qū)別，感興趣的朋友可以參考一下
2016-05-05
js toFixed()方法的重寫實(shí)現(xiàn)精度的統(tǒng)一
凡用過(guò)js 中的toFix() 方法的，應(yīng)該都知道這個(gè)方法存在一個(gè)小小的BUG，在IE 下和FF 下對(duì)于小數(shù)的進(jìn)位有點(diǎn)不同
2014-03-03
layer擴(kuò)展打開(kāi)/關(guān)閉動(dòng)畫的方法
今天小編就為大家分享一篇layer擴(kuò)展打開(kāi)/關(guān)閉動(dòng)畫的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-09-09
webgl實(shí)現(xiàn)物體描邊效果的方法介紹
這篇文章主要給大家介紹了關(guān)于webgl實(shí)現(xiàn)物體描邊效果的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用webgl具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-11-11