首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

关闭iframe并刷新父交叉域

好的,我将尝试回答您的问题。

问题:关闭iframe并刷新父交叉域

答案:

在HTML中,iframe是用于显示嵌入的文档的。当需要关闭iframe并刷新父交叉域时,可以通过以下步骤实现:

  1. 关闭iframe:
代码语言:javascript
复制

document.getElementById("my-iframe").contentWindow.close();

代码语言:txt
复制

其中,my-iframe是iframe元素的ID。

  1. 刷新父交叉域:
代码语言:javascript
复制

location.reload();

代码语言:txt
复制

这将刷新当前页面,并重新加载所有内容。

如果您想在父交叉域中执行其他操作,例如更改iframe的URL,则可以执行以下操作:

  1. 获取iframe元素:
代码语言:javascript
复制

const iframe = document.getElementById("my-iframe");

代码语言:txt
复制
  1. 修改iframe的URL:
代码语言:javascript
复制

iframe.src = "新的URL";

代码语言:txt
复制

这将更改iframe的URL,使其指向新的URL。

希望这可以帮助您完成您的任务。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

layer实现关闭弹出层刷新界面功能详解

窗口打开layer弹出框时,添加end回调 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 functionopenLayer() {   //iframe层     parent.layer.open...,应该不触发刷新操作,只有当弹出框的处理逻辑执行成功后,调用函数关闭弹出框才触发界面刷新操作,基于这个逻辑,应该选择方案一。...方案二,不管怎样都会刷新页面,实际上无端的增加了服务器的处理压力。 方案二:可以解决子页面处理后的结果发送给子页面的页面的问题。...对于layer.js出现回调关闭类的弹出层时,之前的表单的submit失效的问题: 如何解决:网上有很多,有的是转为ajax的请求,在数据传输完再关闭类的弹出层: 下面是关闭弹出层的办法: 1 2...未经允许不得转载:肥猫博客 » layer实现关闭弹出层刷新界面功能详解

4.5K60

基于iframe的跨与更新窗体地址栏的解决方案

在访问到内部某个页面后,希望窗体的地址栏跟随子窗体内部src,同时更新窗体的地址栏,再刷新页面可以保持在当前访问的页面,同时可以分享链接。...但有一个前提,src和你的窗口的地址必须是同源的,也就是不能跨。 但实际上管理平台的页面和运维平台的页面并不是同源的,所以首先要解决的是跨问题。...这样每次iframe内部的src发生变化后,都会相应修改窗体的地址栏,但又不会去刷新当前页面,效果上看起来就像是在自己的页面中操作,感受不到跨站点的问题。...每次刷新页面,在页面初始化时,就根据当前窗体的地址栏中的url去得到属于运维平台的location.search值,用这个值修改iframe的src值,达到每次刷新页面,都可以根据当前地址栏的url,...这里还是以虚拟机模块为例: 图片2.png 至此,我以虚拟机模块为例,实现了跨站点接入页面,实现iframe内部src改变后,修改管理平台地址栏url的目的。

13.6K1350

不同页面通信与跨

js,于是我们每次打开或者刷新该页面就会给a加上1。...玩转iframe 我们都知道frame可以跨,那么我们来试一下。...下面例子,都是一个html内嵌iframe,当然你直接打开iframe那个文件,没什么意义的 2.1 利用hash变化传递信息实现父子窗口通信(能跨窗口:1.html html: <iframe...既然能跨,我们直接双击打开1.html,发现还是可以,这个例子双击打开和服务器打开都能达到目的 2.2 调用子页面的js或者反过来调用 调子:还是基于前面的条件 var i = document.querySelector...,只能服务器打开 2.3 window.name (能跨) 类似于vue、react的prop父子传值,只要在窗口设置iframe标签的name,在子窗口就可以读到。

1.7K10

Juypter Notebook 前端二次开发

修改下拉的内容 直接修改动态加载页面的js文件,去除不需要的下拉内容,这里不过多说明 与组件进行 notebook在项目中会作为iframe嵌在页面中,可考虑iframe父子通讯的方法。...---- 实例解释 又比如在iframe嵌套jupyter-notebook中,外层想要获取编辑器状态,避免在为保存状态下刷新。...编辑器的未保存状态刷新,其本身是有保护机制的,在源码中,使用一下子方法做了处理 window.onbeforeunload = function() { ... } 但是,该方法是在外部刷新iframe...时才会触发,现在想要外部去调用内部刷新前,就先判断是否可刷新给出更友好的提示。...这样开发思路可以为: 外部通过postMessage查询iframe(notebook)的状态,询问是否可刷新 内部监听message,根据编辑状态返回信息 外部拿到编辑器状态,决定是否刷新,并提示用户

2.3K10

不同页面通信与跨0. 前言1. localstorage2. 玩转iframe3. 非同的两个tab页面通信4.MessageChannel

js,于是我们每次打开或者刷新该页面就会给a加上1。...玩转iframe 我们都知道frame可以跨,那么我们来试一下。...下面例子,都是一个html内嵌iframe,当然你直接打开iframe那个文件,没什么意义的 2.1 利用hash变化传递信息实现父子窗口通信(能跨窗口:1.html html: <iframe...既然能跨,我们直接双击打开1.html,发现还是可以,这个例子双击打开和服务器打开都能达到目的 2.2 调用子页面的js或者反过来调用 调子:还是基于前面的条件 var i = document.querySelector...,只能服务器打开 2.3 window.name (能跨) 类似于vue、react的prop父子传值,只要在窗口设置iframe标签的name,在子窗口就可以读到。

4K20

Layui弹出层关闭

parent.layer.close(index); //该方式只能是弹窗类型为2时,即为iframe层时可以使用 layer.closeAll();//疯狂模式,关闭所有层   layer.closeAll...('dialog'); //关闭信息框   layer.closeAll('page');//关闭所有页面层   layer.closeAll('iframe');//关闭所有的iframe层   ...layer.closeAll('loading');//关闭加载层   layer.closeAll('tips');//关闭所有的tips层 弹窗关闭刷新页面 窗口关闭后表格刷新 table.reload...('id') 页面全体刷新 window.parent.location.reload(); 刷新页面table(连同查询条件): parent.layui.table.reload('test...'); 其中test为页面table的id值 //引自:https://blog.csdn.net/Third_Week/article/details/95478905 发布者:全栈程序员栈长,转载请注明出处

4.8K20

如何使用 JavaScript 检测用户是否启用三方 Cookie ?

我能想到的并且一直有效的方法就是添加一个外部(三方)的 iFrame,让它来检测 iFrame 内部是否可以访问到 Cookie,并且会将 Cookie 的可用状态通知给应用。...虽然这听起来挺奇怪的,我们好像无法直接通过 iFrame 调用页面的功能。...但是我们可以使用 Message Event 来进行父子应用之间的通信,通过这个我们可以基于 URL 向其他浏览器发送消息,在我们现在这种情况下,我们可以从 iFrame 向可能在不同上的应用发送消息...一旦 iFrame 加载完毕,我们将通过 frame.contentWindow 对象向我们的 iFrame 发送 postMessage,使用 "*" 允许 postMessage 任何来源(不同的...窗口传来的消息 window.addEventListener('message', messageHandler); // 创建添加一个隐藏的 iframe 元素 const

25910

多应用聚合实践

应用页面被刷新时,iframe 会丢失跳转的路径状态(你可以将iframe中的页面状态保存在应用的URL上,然后在刷新页面的时候从URL上读取状态再来修改iframe中的页面地址。...不过这会增加应用和子应用的耦合和通信成本。当子应用数量较多时,维护成本也会很高)。 iframe 中的 DOM 是独立的。...好处是 iframe 中的 DOM、CSS、JS 不会影响到级,但坏处是当你想覆盖整个窗口来展示一个模态框时,它只会展示在 iframe 那一块区域。 iframe级通信困难。...,那么在别的项目中调用这个方法传入一个待绑定的DOM节点,不就可以集成这个项目了吗?...此外,需要注意页面和接口请求的跨问题。在子应用中,我们可能把页面和接口放在同一个下以避免跨问题;但在将子应用聚合到应用之后,若应用和子应用不在同一个,应将接口代理转发一下。

1.5K20

前端基础知识整理汇总(上)

beforeunload —— 当用户即将离开当前页面(刷新关闭)时触发。正要去服务器读取新的页面时调用,此时还没开始读取; unload —— 在用户离开页面后触发。...refresh:定时让网页在指定的时间n内,刷新或跳转; 如果 content 只包含一个正整数,则是n秒后, 页面刷新。...out函数上下文出栈后,又回到了全局执行上下文环境,直到浏览器窗口关闭,全局上下文出栈。 作用与执行上下文区别 作用只是一个“地盘”,其中没有变量。...在页面监听iframe的onload事件,获取子页面数据: /* a.com/app.html */ var iframe =...4.实例并不是类的实例,只是子类的实例 组合继承(原型链继承和构造函数继承)(常用) 核心:通过调用类构造,继承类的属性保留传参的优点,然后通过将类实例作为子类原型,实现函数复用 function

1.2K10
领券