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

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

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

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

js有個方法showModalDialog在這種情況下用的就比較多了，其作用是打開一個模態(tài)窗口，什么事模態(tài)窗口？就是打開后不能操作父窗口，只有子窗口操作完了，關(guān)閉了，才可以繼續(xù)父窗口的動作?；氐阶铋_始的問題的話，就是給一個地址選擇入口，點(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) 
      { 
        //處理子窗口的返回值 
      } 
 }

子窗口中，在用戶完成篩選選擇等一系列動作以后，確定時，觸發(fā)事件returnVal()。

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

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

window.showModalDialog的第一個參數(shù)，即打開的子窗口地址中加上參數(shù)?id=xxx，沒錯get方式傳過去就OK了。

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

相關(guān)文章

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最新評論