首页 / JAVASCRIPT / javascript – 如何将postMessage发布到兄弟iFrame

javascript – 如何将postMessage发布到兄弟iFrame

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何将postMessage发布到兄弟iFrame，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1243字，纯文字阅读大概需要2分钟。

内容图文

我正在寻找一种方法将postMessage发送到兄弟iFrame,而父页面中没有任何javascript.我遇到的困难是尝试从第一个iFrame中获取另一个iFrame的窗口对象

该页面的布局如下：

html body (http://host.com/)
  iFrame#a (http://me.com/a)
  iFrame#b (http://me.com/b)

来自iFrame#a我正在尝试：

(iFrame#b window).postMessage(...)

问题是我不知道如何从iFrame#a中获取iFrame#b的窗口对象. parent.getElementById()和其他函数受XSS限制.我只想将postMessage发布到父页面上的所有其他iFrame,这些iFrame来自我上面的示例http://me.com/.

解决方法:

虽然确实不可能与另一个域上的另一个窗口/ iframe交互,但是可以引用这样的窗口/ iframe以及嵌入到该窗口/ iframe中的所有子iframe.这样做的方法是使用window.top.frames(访问顶部窗口对象)或window.parent.frames(访问直接父窗口对象,同时可能有其他更高级别的祖先).无需使用getElementById或其他与DOM相关的功能.有关详细信息,请参阅此内容：https://developer.mozilla.org/en-US/docs/DOM/window.frames

window.frames属性返回一个类似于数组的对象,然后您可以迭代并在每个iframe上执行postMessage.这不会触发同源限制,因为除了在它们上使用postMessage之外,您不会以任何方式与任何窗口进行交互.由于您希望在特定域的每个iframe上执行postMessage,因此您可以执行以下操作：

var frames = window.parent.frames;
for (var i = 0; i < frames.length; i++) { 
  frames[i].postMessage("hello", targetDomain);
}

内容总结

以上是互联网集市为您收集整理的javascript – 如何将postMessage发布到兄弟iFrame全部内容，希望文章能够帮你解决javascript – 如何将postMessage发布到兄弟iFrame所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/703889.html

来源：【匿名】