首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用PostMessage刷新iframe的父文档?

使用PostMessage刷新iframe的父文档?

提问于 2018-01-28 16:07:52
回答 2关注 0查看 285

有一个greasemonkey脚本,它打开一个iframe,其中包含来自不同子域的表单作为父页面。

在表单提交后,当iframe刷新时,想刷新父页面。

回答 2

Maj_Lundy

发布于 2018-01-29 01:29:47

在IFRAME:

代码语言:txt
AI代码解释
复制
window.addEventListener('message', receiveMessage, false);

在父框架中:

代码语言:txt
AI代码解释
复制
$(window).on('message', receiveMessage);
function receiveMessage(e) {
  if ( e.originalEvent.origin === 'http://someurl.com' ) {
    console.log("Message: " + e.originalEvent.data);
  }
}

迷迭香

发布于 2018-01-29 00:57:49

用途:

代码语言:txt
AI代码解释
复制
window.parent.postMessage('Hello Parent Frame!', '*');

在父框架中,需要:

代码语言:txt
AI代码解释
复制
window.addEventListener('message', receiveMessage, false);

function receiveMessage(evt)
{
  if (evt.origin === 'http://my.iframe.org')
  {
    alert("got message: "+evt.data);
  }
}
和开发者交流更多问题细节吧,去 写回答
相关文章
iframe 与 postMessage 方法
既是发消息,就有发送方与接收方,发送方要调用 postMessage 方法,接收方要注册 onmessage 事件处理函数,处理接收的消息。
挥刀北上
2023/06/20
8770
iframe 与 postMessage 方法
详解使用postMessage解决iframe跨域通信问题
这周碰到一个让人头疼的需求:要在我的web项目中嵌入另一个第三方web项目。第一时间想到的就是用iframe了,但问题来了,我和第三方web项目是有交互的,这就违反同源策略了,处理跨域问题是最让人头疼的事之一。
用户1289394
2021/10/13
4.9K0
iframe+postMessage实现跨域通信
前言 需求背景: 最近开发管理系统,需要在本页面跳转到一个图片管理系统上传图片,上传成功后返回图片链接,然后返回管理系统,显示图片 实现思路: 上传图片时,需要在本窗口跳转到图片管理系统,并且两个系统之间要通信 考虑到两个系统是不同的端口号,存在跨域问题,这时发现HTML5新增了一个API-window.postMessage(),于是就决定用iframe结合window.postMessage()实现 在页面中嵌入一个iframe,将图片管理系统嵌入到当前的管理系统中,结合window.postMessa
pitaojin
2018/05/25
5.4K1
[js]解决postMessage跨域、跨iframe消息传递
页面中有子iframe页面 , 当子iframe接收到消息 , 比如websocket传递过来的消息时
唯一Chat
2021/03/04
3.1K0
[js]解决postMessage跨域、跨iframe消息传递
postMessage的使用
postMessage是H5的API,用来解决跨页面通信的。postMessage的使用分为发送方和接收方。
全栈程序员站长
2022/09/14
1.1K0
iframe关闭父页面(iframe嵌套https页面)
width iframe的高度 height iframe的宽度 src iframe里面加载的页面url name 可以通过window.frames[name]获取到frame scrolling iframe里面的页面是否可以滚动 frameborder 是否显示iframe边框 1(显示)0(不显示) id 和其他的html标签id一样 在主页面中通过iframe标签可以引入其他子页面
全栈程序员站长
2022/07/25
7.4K0
postMessage使用
参考自文档:https://www.runoob.com/js/met-win-postmessage.html
蓓蕾心晴
2022/06/30
5860
Juypter Notebook 前端二次开发
使用Anaconda安装python后,就已经集成Jupyter nodebook了,如果notebook与conda的环境和包没有关联,可以执行以下命令进行关联
vincentKo
2022/09/19
2.9K0
Elasticsearch使用:父-子关系文档(上)
官网地址:https://www.elastic.co/guide/cn/elasticsearch/guide/current/parent-child.html
HLee
2021/04/23
4K0
Elasticsearch使用:父-子关系文档(上)
Elasticsearch使用:父-子关系文档(下)
父子文档在理解上来说,可以理解为一个关联查询,有些类似MySQL中的JOIN查询,通过某个字段关系来关联。父子文档与嵌套文档主要的区别在于,父子文档的父对象和子对象都是独立的文档,而嵌套文档中都在同一个文档中存储。如下图所示:
HLee
2021/04/25
2K0
Elasticsearch使用:父-子关系文档(下)
layui打开iframe窗口不刷新的问题
这个问题可能是我工作以来,最死磕不算bug的一个了,晚上熬夜到三点钟,终于找到了解决的办法。
王小婷
2019/04/29
4.3K0
layui打开iframe窗口不刷新的问题
jquery刷新当前页面、刷新父级页面
Jensen_97
2023/07/19
1.3K0
form表单无刷新提交文件(iframe)
先看一段代码(PHP例子) 1、表单代码(form.html): <iframe name="testIframeName" style="display:none;"></iframe> <form target="testIframeName" method="post" action="formAction.php"> <input type="text" name="username"/> <input type="password" name="password"/> <input
deepcc
2018/05/16
3.3K0
不同页面通信与跨域
相信跨域有什么手段,大家都背得滚瓜烂熟了。现在我们来做一些不在同一个tab页面或者跨域的实践。
lhyt
2022/09/21
1.9K0
不同页面通信与跨域
Vue中iframe调用父页面的方法
PlainBashC++C#CSSDiffHTML/XMLJavaJavascriptMarkdownPHPPythonRubySQL
张苹果
2022/09/22
3.4K0
不同页面通信与跨域0. 前言1. localstorage2. 玩转iframe3. 非同域的两个tab页面通信4.MessageChannel
相信跨域有什么手段,大家都背得滚瓜烂熟了。现在我们来做一些不在同一个tab页面或者跨域的实践。
lhyt
2018/10/31
4.6K0
jqGrid 关闭刷新父页面数据
子页面提交方法: function commit(){     var data = $("#pwd").serialize();     $.post("#",data,function(data){     var index = parent.layer.getFrameIndex(window.name);     parent.layer.close(index);   }) } 父窗口数据刷新再关闭layer 之后 end 方法触发 layer.open({ type : 2, skin
冷冷
2018/02/08
4.1K0
jquery在iframe中选中父元素节点
我们在使用如layui的layer弹窗或者在页面上用别的方式打开的iframe中可能会要获取到父页面的某个元素
阿超
2022/08/17
2.1K0
浏览器同源政策及其规避方法
浏览器安全的基石是"同源政策"(same-origin policy)。很多开发者都知道这一点,但了解得不全面。 本文详细介绍"同源政策"的各个方面,以及如何规避它。 一、概述 1.1 含义 1995年,同源政策由 Netscape 公司引入浏览器。目前,所有浏览器都实行这个政策。 最初,它的含义是指,A网页设置的 Cookie,B网页不能打开,除非这两个网页"同源"。所谓"同源"指的是"三个相同"。 协议相同 域名相同 端口相同 举例来说,undefined这个网址,协议是http://,域名是www.
用户1667431
2018/04/18
1K0
vue父页面给iframe子页面传值
在vue父页面有两个个参数 名称和图标,需要把这两个参数传到iframe的地图里面,在地图触发绘点事件的时候,获取到传来的参数并且展示
王小婷
2023/08/11
1.9K0
vue父页面给iframe子页面传值

相似问题

iframe引入的页面点击父页面的div,改变子页显示?

2589

云支付使用文档?

1232

怎么把文档上传云盘,想在听听文档中使用?

1146

使用CDN后iframe无法加载,如何解决?

0113

云市场的使用文档下载不下来?

2316
交个朋友
加入腾讯云官网粉丝站
蹲全网底价单品 享第一手活动信息
相关问答用户
到家集团 | 技术VP擅长5个领域
新浪微博 | 高级总监擅长4个领域
擅长5个领域
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档