資訊專欄INFORMATION COLUMN
摘要：之前很少使用這個標簽，因為感覺到父子頁面之間傳遞數(shù)據(jù)不太方便。最近同事做的一組頁面中大量的使用了用來嵌入其他頁面，由于懶所以只好看看如何在的標簽下傳遞數(shù)據(jù)。在父頁面中使用函數(shù)來向子頁面發(fā)送消息而在子頁面中添加這個來接受消息。
之前很少使用IFRAME這個標簽，因為感覺到父子頁面之間傳遞數(shù)據(jù)不太方便。最近同事做的一組頁面中大量的使用了IFRAME用來嵌入其他頁面，由于懶,所以只好看看如何在IFRAME的標簽下傳遞數(shù)據(jù)。
在網(wǎng)上找了找相關(guān)的資料，方法確實不少，這里只說我實際用到過的兩種方法：
1. 在子頁面中用parent屬性也引用父頁面的內(nèi)容,但是好像只在IE中能夠使用，在CHROME和Firefox始終沒有反應(yīng)。
2. 在父頁面中使用document.getElementById("test").contentWindow.postMessage(message, "*");函數(shù)來向子頁面發(fā)送消息；而在子頁面中添加window.addEventListener("message", onmessage, false);這個Listener來接受消息。不過在這種方法中值得注意的一點是，最好能將發(fā)送消息的postMessage函數(shù)包含在$("#test").load(function(){});中，因為如果不使用load的話，很有可能消息在子頁面的Listener添加之前就發(fā)送出去了，那么子頁面是無法接受到任何消息的。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/77975.html
摘要：一原理篇下面分別介紹和與的底層交互原理在講解原理之前，首先來了解下的組件，先來看一下蘋果官方的介紹上面的意思是說是一個可加載網(wǎng)頁的對象，它有瀏覽記錄功能，且對加載的網(wǎng)頁內(nèi)容是可編程的。 做過混合開發(fā)的很多人都知道Ionic和PhoneGap之類的框架，這些框架在web基礎(chǔ)上包了一層Native，然后通過Bridge技術(shù)使得js可以調(diào)用視頻、位置、音頻等功能。本文就是介紹這層Bridge...
摘要：四傳遞信息給父頁面參考跨域子頁面?zhèn)鹘o父頁面父頁面代碼崔渙測試父頁面參數(shù)中有屬性，就是父窗口發(fā)送過來的數(shù)據(jù)把父窗口發(fā)送過來的數(shù)據(jù)顯示在子窗口中。五簡單分析和安全問題傳送過來的信息如下圖，幾乎包含了所有應(yīng)該有的信息。 背景：由于同源策略存在，javascript的跨域一直都是一個棘手的問題。父頁面無法直接獲取iframe內(nèi)部的跨域資源；同時，iframe內(nèi)部的跨域資源也無法將信息直接傳遞給...
閱讀 1754·2021-11-25 09:43
閱讀 2700·2019-08-30 15:53
閱讀 1852·2019-08-30 15:52
閱讀 2925·2019-08-29 13:56
閱讀 3350·2019-08-26 12:12
閱讀 596·2019-08-23 17:58
閱讀 2184·2019-08-23 16:59
閱讀 965·2019-08-23 16:21
