layer彈出框架類型的頁面如何進行(父子傳值《=》子父傳值)

如果在父窗口中彈出一個層,但是層的類型是iframe類型,傳值的方式有如下這些:

以父子傳值:

1,在父窗口中直接操作子頁面的函數,將父頁面的數據作爲參數,然後傳入子頁面的方法,執行子頁面的方法例如:

父頁面:

在彈出的子頁面中定義好該函數:

子頁面

這樣父頁面直接調用子頁面的時候就將參數傳遞到了子頁面了的。

 

2,參數傳遞方式,直接在彈出的頁面路徑中傳遞參數(引用原博文的地址https://blog.csdn.net/weixin_34117522/article/details/88955719),例如:

父頁面

子頁面

 

3,直接在父頁面操作子頁面的結構,直接將參數寫入到子頁面上,即在父頁面完成對子頁面的渲染,與第一種類似

父頁面

子頁面即效果圖:

上述總結博文參考出處:https://blog.csdn.net/LuciferMS/article/details/78394013

 

二,子父傳值

如果父頁面需要獲取子頁面的數據的時候,需要怎麼拿到呢

方法1:正在開發的車聯網項目用到了layer API。當我在開發“新建電子圍欄”的時候需要彈出地圖,用戶在地圖中畫一個區域,最後將這個彈出層的數據返回給原頁面。下面是我的實現過程:

父頁面:

子頁面:

 

上面的代碼就是彈出層裏面的JavaScript代碼,裏面定義了函數'callbackdata' 用來返回值給調用彈出層的頁面。

當我們點擊彈出層的“確定”按鈕的時候,就可以通過'callbackdata'函數獲取彈出層的返回值:

經驗總結的博文參考出處:https://www.jb51.net/article/145941.htm

 

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章