如何克服 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

绕过此策略的另一种有趣方法是劫持子 window.location.hash，因为它对两个脚本引擎也是可见的。

Answer 2

您正在寻找postMessage，请在此处阅读：https://developer.mozilla.org/en-US/docs/Web/API/Window.postMessage

编辑：抱歉，没有看到所有的 cmets 都说同样的话