如何将iframe中的变量传递给父窗口？

我有一个colorbox父页面，其中包含一个带有不同iFrame的TabContainer，用于对数据库进行更改并需要更新父窗口文本框的第二个选项卡。如何将iframe中的变量传递给父窗口？

enter image description here

来源

2014-10-30 Marco Carcini

请将图像切换到一些代码，你有。 – Teemu 2014-10-30 16:05:14

不幸的是，你不能直接跨越一个iframe的边界互动，这会带来安全风险。

一种解决方法是更改iframe中的url以包含#anchor值或?querystring，然后从父级读取iframe的url。

来源

2014-10-30 16:08:54

以及如何从父级读取iframe的网址？ – 2014-10-30 16:12:39

你可以在iframe的DOM对象上使用'contentWindow.location.href'。例如：'var TheLocation = document.getElementById（'myframe'）。contentWindow.location.href;' – 2014-10-30 16:15:37

你也可以从父级设置位置，所以这可以在两个方向上工作。 – 2014-10-30 16:16:29

我希望你已经试过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

来源

2014-10-30 17:40:21

如何将iframe中的变量传递给父窗口？

回答

相关问题