這種方式，是主頁面需要給 iframe B 傳遞數(shù)據(jù)，然后 iframe B 獲得到數(shù)據(jù)后進(jìn)行特定的處理

實(shí)現(xiàn)方式

實(shí)現(xiàn)的技巧就是利用 location 對(duì)象的 hash 值，通過它傳遞通信數(shù)據(jù)，我們只需要在主頁面A中設(shè)置 iframe B 的 src 后面多加個(gè) #data 字符串（data就是你要傳遞的數(shù)據(jù)），如下圖所示：

然后在 iframe B 中通過某種方式能即時(shí)的獲取到這兒 data 就可以了，其實(shí)常用的一種方式就是：

1. 在 iframe B 中通過 setInterval 方法設(shè)置定時(shí)器， 監(jiān)聽 location.href 的變化即可獲得上面的 data 信息
2. 然后 iframe B 就能根據(jù)這個(gè) data 信息進(jìn)行相應(yīng)的邏輯處理

需求二：iframe B 怎么向 主頁面A 傳遞數(shù)據(jù)呢？

這種方式，是 iframe B 需要給主頁面?zhèn)鬟f數(shù)據(jù)，然后主頁面根據(jù)獲得到數(shù)據(jù)后進(jìn)行特定的處理

實(shí)現(xiàn)方式

實(shí)現(xiàn)的技巧就是利用一個(gè)代理 IframeC，它嵌入到 iframe B 中，并且和主頁面A必須保持是同域，然后我們通過它充分利用上面第一種通信方式的實(shí)現(xiàn)原理就能把 iframe B 的數(shù)據(jù)傳遞給 iframeC，接下來的問題就是怎么讓iframeC把數(shù)據(jù)傳遞給主頁面A ，如下圖所示：

因?yàn)椋琲frameC 和主頁面是同域的，所以它們之間傳遞數(shù)據(jù)就變得簡(jiǎn)單多了，我們這里的方式就是使用一個(gè)經(jīng)常使用的屬性 window.top (也可以使用window.parent.parent)，它返回對(duì)載入瀏覽器得最頂層 window 對(duì)象的引用，這樣我們就能直接條用主頁面A中方法啦，哈哈哈，簡(jiǎn)單吧。
到此，我們做個(gè)簡(jiǎn)單分析總結(jié)

這種實(shí)現(xiàn)方式的前提也是最大的缺點(diǎn)就是 iframe 中的內(nèi)容必須是我們可控的，但是至少我們這種實(shí)現(xiàn)方式是建立在瀏覽器的安全規(guī)則之上的，沒有破壞應(yīng)用本身的安全性。
實(shí)現(xiàn)時(shí)需要考慮的一些細(xì)節(jié)

盡量考慮到了易用，可擴(kuò)展性和可維護(hù)性，比如：

讓第三方 App 只需加載一個(gè)我們提供的JS種子文件就能很方便的使用我們?yōu)槠涮峁┑母鞣N工具
上面的各種工具，我們采用包的形式進(jìn)行組織，最大化的實(shí)現(xiàn)按需加載
第一條中的JS種子文件只提供基礎(chǔ)的方法實(shí)現(xiàn)，并且把最常用的工具包放在里面，比如高度自適應(yīng)
通過種子文件，我們還提供給第三方 App 一些常用的JS工具包，而且直接使用的類似YUI3模塊的動(dòng)態(tài)加載機(jī)制就可使用指定的工具包
對(duì)第三方 App 和 主頁面?zhèn)鬟f的數(shù)據(jù)進(jìn)行分類（自我調(diào)用，登錄驗(yàn)證，傳遞數(shù)據(jù)等等）
傳遞的數(shù)據(jù)使用滿足特定規(guī)范的JSON格式，并通過統(tǒng)一的服務(wù)出口發(fā)出去，主頁面提供一個(gè)統(tǒng)一服務(wù)接口解析數(shù)據(jù)，并根據(jù)規(guī)范調(diào)用相應(yīng)的方法
還有，就是版本控制的問題，為了盡量減少給第三方App帶來影響，以上所有這些JS文件的版本都是采用向后兼容的策略，小版本使用服務(wù)器設(shè)置SQUID緩存特定頻率的失效時(shí)間實(shí)現(xiàn)，大版本更新根據(jù)用戶自己的需求手動(dòng)更改
當(dāng)然，以上可能不是最優(yōu)的解決方案，只是希望能給你一些幫助和引導(dǎo)，我們也在逐步的改進(jìn)我們的一些實(shí)現(xiàn)方式，比如版本控制這塊兒，我們也有一些問題需要解決

具體的代碼

主頁面A的源碼
代碼如下:
Js代碼
/*主頁面A*/

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com