layer.open組件獲取彈出層頁面變量、函數(shù)的實(shí)例
最近做項(xiàng)目遇到個(gè)問題
使用layer.open組件彈出層,需要將該彈出層抽取城單獨(dú)的公共頁面，因此需要在主頁面獲取彈出層頁面的相關(guān)變量或者函數(shù)值。
記錄下解決辦法。
先來看layer.open函數(shù)
再來看彈出層URL對(duì)應(yīng)的頁面關(guān)鍵代碼
將表單序列化成JS對(duì)象的函數(shù)是自己封裝的一個(gè)JS函數(shù),這里就不細(xì)說了,也可以自己手動(dòng)定義個(gè)JS對(duì)象,自己給該對(duì)象添加屬性
最后來看主頁面調(diào)用方式
打印回調(diào)函數(shù)接收的變量可以看到,獲取到彈出層內(nèi)用戶操作的相關(guān)數(shù)據(jù)。
最后,其實(shí)關(guān)鍵點(diǎn)就在于獲取ifream中指定變量或者函數(shù)的這個(gè)方法
$(layero).find("iframe")[0].contentWindow.formData();
完畢！
以上這篇layer.open組件獲取彈出層頁面變量、函數(shù)的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript判斷瀏覽器對(duì)CSS3屬性是否支持的多種方法
其實(shí)在使用css3的一些屬性時(shí)，為了兼顧低端瀏覽器對(duì)CSS3的不友好性，往往需要知道某些瀏覽器是否支持要使用的CSS3屬性，以此來做向下適配。比如常見的CSS3動(dòng)畫就很有必要檢測(cè)瀏覽器是否支持。下面本文就分享了幾種方法，有需要的朋友們可以參考借鑒。2016-11-11
在父頁面中訪問iframe中的各個(gè)元素與一般的訪問頁面元素?zé)o本質(zhì)區(qū)別，無非是需要在父頁面中事先獲取需要處理的iframe對(duì)象，在獲取iframe對(duì)象后，其操作基本沒什么特別之處。2009-07-07
JS網(wǎng)頁在線獲取鼠標(biāo)坐標(biāo)值的方法
這篇文章主要介紹了JS網(wǎng)頁在線獲取鼠標(biāo)坐標(biāo)值的方法,涉及javascript操作頁面窗口位置元素的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
JavaScript的類型轉(zhuǎn)換(字符轉(zhuǎn)數(shù)字 數(shù)字轉(zhuǎn)字符)
不能把JavaScript中的類型轉(zhuǎn)換看作為強(qiáng)制類型轉(zhuǎn)換。2010-08-08
深入了解JavaScript中遞歸的理解與實(shí)現(xiàn)
本文將通過遞歸的經(jīng)典案例：求斐波那契數(shù)來講解遞歸，通過畫遞歸樹的方式來講解其時(shí)間復(fù)雜度和空間復(fù)雜度以及遞歸的執(zhí)行順序，感興趣的可以了解一下2022-06-06
用正則表達(dá)式 動(dòng)態(tài)創(chuàng)建/增加css style script 兼容IE firefox
動(dòng)態(tài)創(chuàng)建/增加css style script 用正則表達(dá)式 兼容IE firefox2009-03-03
js實(shí)現(xiàn)導(dǎo)入導(dǎo)出功能實(shí)例代碼(FileSave.js)
這篇文章主要給大家介紹了關(guān)于js實(shí)現(xiàn)導(dǎo)入導(dǎo)出功能(FileSave.js)的相關(guān)資料,FileSaver.js是在客戶端保存文件的解決方案,非常適合在客戶端上生成文件的Web應(yīng)用,需要的朋友可以參考下2023-11-11
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)橫屏手寫簽名，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
微信小程序?qū)崿F(xiàn)一張或多張圖片上傳（云開發(fā)）
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)一張或多張圖片上傳，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-09-09
js實(shí)現(xiàn)登錄時(shí)記住密碼的方法分析
這篇文章主要介紹了js實(shí)現(xiàn)登錄時(shí)記住密碼的方法,結(jié)合實(shí)例形式分析了JavaScript基于cookie實(shí)現(xiàn)存儲(chǔ)登錄密碼相關(guān)操作技巧,需要的朋友可以參考下2020-04-04