如何將iframe中的變量傳遞給父窗口？

Question

我有一個colorbox父頁面，其中包含一個帶有不同iFrame的TabContainer，用於對數據庫進行更改並需要更新父窗口文本框的第二個選項卡。

Answer 1

不幸的是，你不能直接跨越一個iframe的邊界互動，這會帶來安全風險。

一種解決方法是更改​​iframe中的url以包含#anchor值或?querystring，然後從父級讀取iframe的url。

Answer 2

我希望你已經試過postMessage，這是一個JavaScript API，但有瀏覽器的限制。

父母頁面可以發佈這樣的消息。

var win = document.getElementById("iframe").contentWindow 

win.postMessage(
    "value", 
    "iframe-domain" 
); 

而且的iframe頁面可以收聽這樣的消息。

<script> 
function listener(event){ 
    if (event.origin !== "[parent-page-domain]") 
    return; 

// operate with event.data 
} 

if (window.addEventListener){ 
    addEventListener("message", listener, false) 
} else { 
    attachEvent("onmessage", listener) 
} 
</script> 

源 - http://javascript.info/tutorial/cross-window-messaging-with-postmessage