如果在父窗口中彈出一個層,但是層的類型是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