使用postmessage来刷新iframe的父文档

发布时间：2020-12-14 21:40:05 所属栏目：资源来源：网络整理

导读：我有一个greasemonkey脚本，打开一个包含不同子域的表单的iframe作为父页面。我希望在表单提交后iframe刷新时刷新父页面在iframe刷新的时候，我可以执行一个函数，但是我无法得到该函数来影响父文档。我明白这是由于浏览器的安全模式，而且我一直在阅读使

我有一个greasemonkey脚本，打开一个包含不同子域的表单的iframe作为父页面。

我希望在表单提交后iframe刷新时刷新父页面

在iframe刷新的时候，我可以执行一个函数，但是我无法得到该函数来影响父文档。

我明白这是由于浏览器的安全模式，而且我一直在阅读使用postMessage来在两个窗口之间进行通信，但是我似乎无法弄清楚如何发送一个重载调用给父进程。

任何关于如何做的建议将是非常有帮助的

谢谢

解决方法

使用：

window.parent.postMessage('Hello Parent Frame!','*');

注意’*’表示“任何来源”。如果可能，您应该将其替换为目标原点。

在您的父框架中，您需要：

window.addEventListener('message',receiveMessage,false);

function receiveMessage(evt)
{
  if (evt.origin === 'http://my.iframe.org')
  {
    alert("got message: "+evt.data);
  }
}

将“my.iframe.org”替换为您的iFrame的起源。 (您可以跳过原始验证，只需要非常小心，您将如何处理数据)。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!