如何克服iframe中的同源策略？

Question

我基本上试图显示第二个网站，属于同一个组织，但托管在另一个域名，在iframe中。我试图将一些数据从iframe传递到父框架。

父帧= foo.com，

的iFrame = bar.com

如果我试图通过parent.setData(data)从iframe中的数据通过，这给了我一个同源策略错误。

所以我做了解决此代码的包装，在foo.com/js/wrapper.js托管，其中包含此功能：

var Foo = {}; 
Foo.setData = function(data) 
{ 
    parent.setData(data); 
} 

所以现在我对bar.com iframe是这样做的：

<script src="http://foo.com/js/wrapper.js"></script> 
<script> 
    Foo.setData(someData); 
</script> 

然而，即使是在parent.setData行上给我一个安全错误，即使通过wrapper.js托管在父域中。

有没有其他方法可以解决这个问题？

Answer 1

您正在寻找postMessage，在这里读了起来：https://developer.mozilla.org/en-US/docs/Web/API/Window.postMessage

编辑：对不起，没有看到所有的评论说同样的事情

Answer 2

另一种有趣的方式来解决这个问题的政策是劫持孩子window.location.hash，因为它对两个脚本引擎都是可见的。