如何在不同域名的iframe之间进行通信?
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<div>
<iframe id="tc" src="http://www.domain1.com/page1.html">
</iframe>
<iframe id="tf" src="http://www.domain2.com/page1.html">
</iframe>
</div>
<div>
<button onclick="tcget();">Click me</button>
<button onclick="tfget();">Click me</button>
</div>
<script>
function tcget()
{
try
{
alert($('#tc').contents().find('body').html());
}
catch(err)
{
alert(err);
}
}
function tfget()
{
try
{
alert($('#tf').contents().find('body').html());
}
catch(err)
{
alert(err);
}
}
</script>
</body>
</html>
我希望能够从加载到同一页面的每个iframe共享内容。
我调查了window.postMessage
,但这似乎也无法做到。我的应用程序将从每个iframe
中提取神经网络的统计数据 - 我希望它可以完成,安全方面似乎不是可以做的事情。