当前位置: 首页 > 面试题库 >

如何在iframe与父网站之间进行通信?

臧梓
2023-03-14
问题内容

iframe中的网站 不在同一个域中 ,但是两者都是我的,我想在iframe和父网站之间进行交流。可能吗?


问题答案:

在不同的域中,无法调用方法或直接访问iframe的内容文档。

您必须使用跨文档消息传递。

例如在顶部窗口中:

 myIframe.contentWindow.postMessage('hello', '*');

在iframe中:

window.onmessage = function(e){
    if (e.data == 'hello') {
        alert('It works!');
    }
};

如果您要将消息从iframe发布到父窗口

window.top.postMessage('hello', '*')


 类似资料:
  • 问题内容: iframe中的网站 不在同一域中 ,但是两者都是我的,我想在和父网站之间进行交流。可能吗? 问题答案: 在不同的域中,无法调用方法或直接访问iframe的内容文档。 您必须使[跨文档消息传递。 例如在顶部窗口中: 在iframe中: 如果您要将消息从iframe发布到父窗口

  • 问题内容: 我想在使用Rails构建的网站与另一个网站之间创建一个通信API,以便可以将数据库中的数据发送到该网站。因此,我的想法是在将要创建实时的地方使用node.js,因此它将在以下过程中工作。我的数据库已连接到rails,rails将其发送到redis,然后redis将其发送到node,最后node将使用socket.IO将其发送到另一个网站。 问题 :那有效吗?有没有更简单的方法? 问题答

  • 我刚开始使用ReactJS,遇到了一个小问题。 我的应用程序本质上是一个带有过滤器的列表和一个更改布局的按钮。目前我使用三个组件:

  • 问题内容: 在Eclipse RCP中,我使用 但是这样一来,我就没有对该视图的引用。因此,我不知道如何告诉ViewA更新ViewB。 在这里使用的最佳模式是什么? 问题答案: 除了上面提到的VonC,您还可以使用所需的更改不是由选择触发的更改。 有工具 创建一个实现并在服务中注册 有得到和更新,以触发的变化 阅读这些接口的文档沿和获得更好的主意,这一切是如何发挥出来。 您还可以查看Lars Vo

  • 我正在尝试将应用程序深入链接到我的网站,但我不知道如何让它进入计算机上的常规旧Instagram,然后再进入Android或iOS设备上的应用程序。我知道这些链接有效,因为我单独尝试过。

  • 我正在尝试使用数据绑定在Kotlin中实现MVVM arcitecture。代码只是将空白屏幕显示为输出。有人能帮我弄清楚为什么在执行这个程序时没有对服务器的调用吗。 我尝试了这个和类似的链接来解决这个问题。 我的代码如下: 主要活动 } CvRepository类 } }