欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS獲取子窗口中返回的數(shù)據(jù)實(shí)現(xiàn)方法

 更新時(shí)間:2016年05月28日 08:53:34   投稿:jingxian  
下面小編就為大家?guī)?lái)一篇JS獲取子窗口中返回的數(shù)據(jù)實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

在開(kāi)發(fā)的時(shí)候,遇到了這樣一個(gè)問(wèn)題,客戶(hù)填寫(xiě)自己的收貨地址,可以新建,但同時(shí)也可以選擇之前填寫(xiě)的,由于我們的客戶(hù)本身就是商戶(hù),地址繁多,把它之前的地址簡(jiǎn)單用個(gè)下拉框羅列出來(lái)顯然不合適,并且客戶(hù)要求能夠?qū)Φ刂吠ㄟ^(guò)姓名篩選,這樣,選擇地址就必須再開(kāi)一個(gè)小窗來(lái)完成了,那么,小窗中填寫(xiě)的值怎么回傳呢?

js有個(gè)方法showModalDialog在這種情況下用的就比較多了,其作用是打開(kāi)一個(gè)模態(tài)窗口,什么事模態(tài)窗口?就是打開(kāi)后不能操作父窗口,只有子窗口操作完了,關(guān)閉了,才可以繼續(xù)父窗口的動(dòng)作?;氐阶铋_(kāi)始的問(wèn)題的話,就是給一個(gè)地址選擇入口,點(diǎn)擊觸發(fā)事件btn_click()。

父窗口JS

function btn_click() 
{ 
      var returnValue = window.showModalDialog('chooseAddr.aspx', window, 'dialogWidth=500px;dialogHeight=600px;status=no'); 
 
      if (vReturnValue !== "" && vReturnValue !== undefined) 
      { 
        //處理子窗口的返回值 
      } 
 } 

子窗口中,在用戶(hù)完成篩選選擇等一系列動(dòng)作以后,確定時(shí),觸發(fā)事件returnVal()。

function returnVal() 
{ 
      var rtArr = new Array(); 
      rtArr[0] = "test0"; 
      rtArr[1] = "test1"; 
      window.returnValue = retArr; 
 
      window.close();//關(guān)掉子窗口,才能繼續(xù)父窗口的操作 
} 

這樣,就完成了父子窗口的“數(shù)據(jù)互動(dòng)”,對(duì)了,父窗口怎么向子窗口傳值呢,在本例下,我們需要知道操作用戶(hù)的id才能給他選擇自己之前填寫(xiě)過(guò)的地址,只需在

window.showModalDialog的第一個(gè)參數(shù),即打開(kāi)的子窗口地址中加上參數(shù)?id=xxx,沒(méi)錯(cuò)get方式傳過(guò)去就OK了。 

以上這篇JS獲取子窗口中返回的數(shù)據(jù)實(shí)現(xiàn)方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • JS實(shí)現(xiàn)滑動(dòng)拼圖驗(yàn)證功能完整示例

    JS實(shí)現(xiàn)滑動(dòng)拼圖驗(yàn)證功能完整示例

    這篇文章主要介紹了JS實(shí)現(xiàn)滑動(dòng)拼圖驗(yàn)證功能,結(jié)合完整實(shí)例形式分析了JS滑動(dòng)拼圖驗(yàn)證相關(guān)原理、實(shí)現(xiàn)步驟與操作注意事項(xiàng),需要的朋友可以參考下
    2020-03-03
  • 詳解小程序如何改變onLoad的執(zhí)行時(shí)機(jī)

    詳解小程序如何改變onLoad的執(zhí)行時(shí)機(jī)

    這篇文章主要介紹了詳解小程序如何改變onLoad的執(zhí)行時(shí)機(jī),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-11-11
  • 詳解JavaScript數(shù)組的常用方法

    詳解JavaScript數(shù)組的常用方法

    這篇文章主要為大家介紹了JavaScript數(shù)組的常用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來(lái)幫助
    2021-11-11
  • uni-app使用微信小程序云函數(shù)的步驟示例

    uni-app使用微信小程序云函數(shù)的步驟示例

    這篇文章主要介紹了uni-app使用微信小程序云函數(shù)的步驟示例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-05-05
  • js實(shí)現(xiàn)簡(jiǎn)單圓盤(pán)時(shí)鐘

    js實(shí)現(xiàn)簡(jiǎn)單圓盤(pán)時(shí)鐘

    這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡(jiǎn)單圓盤(pán)時(shí)鐘,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • JavaScript開(kāi)發(fā)人員的10個(gè)關(guān)鍵習(xí)慣小結(jié)

    JavaScript開(kāi)發(fā)人員的10個(gè)關(guān)鍵習(xí)慣小結(jié)

    還在一味沒(méi)有目的的編寫(xiě)JavaScript代碼嗎?那么你就OUT了!讓我們一起來(lái)看看小編為大家搜羅的JavaScript開(kāi)發(fā)人員應(yīng)該具備的十大關(guān)鍵習(xí)慣吧
    2014-12-12
  • JavaScript中展開(kāi)運(yùn)算符及應(yīng)用的實(shí)例代碼

    JavaScript中展開(kāi)運(yùn)算符及應(yīng)用的實(shí)例代碼

    這篇文章主要介紹了JavaScript中展開(kāi)運(yùn)算符及應(yīng)用的實(shí)例代碼,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2021-01-01
  • js兼容pc端瀏覽器并有多種彈出小提示的手機(jī)端浮層控件實(shí)例

    js兼容pc端瀏覽器并有多種彈出小提示的手機(jī)端浮層控件實(shí)例

    這篇文章主要介紹了js兼容pc端瀏覽器并有多種彈出小提示的手機(jī)端浮層控件,實(shí)例分析了javascript多種彈出層效果的實(shí)現(xiàn)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
    2015-04-04
  • 重學(xué)JS之顯示強(qiáng)制類(lèi)型轉(zhuǎn)換詳解

    重學(xué)JS之顯示強(qiáng)制類(lèi)型轉(zhuǎn)換詳解

    這篇文章主要給大家介紹了關(guān)于重學(xué)JS之顯示強(qiáng)制類(lèi)型轉(zhuǎn)換的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用JS具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-06-06
  • Bootstrap開(kāi)發(fā)實(shí)戰(zhàn)之響應(yīng)式輪播圖

    Bootstrap開(kāi)發(fā)實(shí)戰(zhàn)之響應(yīng)式輪播圖

    這篇文章主要為大家詳細(xì)介紹了Bootstrap開(kāi)發(fā)實(shí)戰(zhàn)之響應(yīng)式輪播圖,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-06-06

最新評(píng)論