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

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将其发送到另一个网站。 问题 :那有效吗?有没有更简单的方法? 问题答

  • 问题内容: 如何在页面加载期间发现我的页面作为框架嵌入到其他站点?我想引荐来源请求标头在这里帮不上忙吗?谢谢。 问题答案: 您不能从服务器端检查它,但是可以在页面加载后使用javascript进行检测。比较和,如果它们不相同,则表示您处于框架中。 此外,某些现代浏览器会使用标头,该标头可以具有两个值: DENY –如果页面包含在框架中,则阻止呈现页面 SAMEORIGIN –与上面相同,除非页面与

  • 问题内容: 好的,我有一个页面,在此页面上有一个iframe。我需要做的是在iframe页面上,找出主页的URL。 我进行了搜索,我知道如果我的iframe页面位于其他域上是不可能的,因为这是跨站点脚本。但是,我读过的所有内容都说,如果iframe页面与父页面位于同一域中,那么例如,它应该可以工作: …或其他类似的组合,因为似乎有多种获取相同信息的方法。 无论如何,这就是问题所在。我的iframe

  • 本文向大家介绍关于Iframe父页面与子页面之间的相互调用,包括了关于Iframe父页面与子页面之间的相互调用的使用技巧和注意事项,需要的朋友参考一下 iframe元素就是文档中的文档。 window对象: 浏览器会在其打开一个HTML文档时创建一个对应的window对象。但是,如果一个文档定义了一个或者多个框架(即:包含一个或者多个frame或者iframe标签),浏览器就会为原始文档创建一个w

  • 问题内容: 我将一些HTML加载到iframe中,但是当引用的文件使用http而不是https时,出现以下错误: [已屏蔽] {current_pagename}中的页面运行了来自{referenced_filename}的不安全内容 有什么办法可以关闭它或解决它吗? iframe没有属性,其内容使用以下方法设置: 问题答案: 注意:虽然该解决方案在2014年编写时可能已在某些浏览器中运行,但不再