使用postmessage来刷新iframe的父文档

前端之家收集整理的这篇文章主要介绍了使用postmessage来刷新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的起源。 (您可以跳过原始验证,只需要非常小心,您将如何处理数据)。

猜你在找的HTML相关文章