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

在iFrame关闭后重新加载父窗口

,可以通过以下步骤实现:

  1. 在iFrame中添加关闭按钮或其他触发关闭事件的元素。
  2. 在关闭事件中,使用JavaScript代码获取父窗口对象。
  3. 使用父窗口对象的location.reload()方法重新加载父窗口。

以下是一个示例代码:

代码语言:html
复制
<!-- 父窗口 -->
<!DOCTYPE html>
<html>
<head>
  <title>父窗口</title>
</head>
<body>
  <h1>父窗口内容</h1>
  <iframe src="子窗口.html"></iframe>

  <script>
    function reloadParentWindow() {
      window.location.reload();
    }
  </script>
</body>
</html>

<!-- 子窗口 -->
<!DOCTYPE html>
<html>
<head>
  <title>子窗口</title>
</head>
<body>
  <h1>子窗口内容</h1>
  <button onclick="parent.reloadParentWindow()">关闭并重新加载父窗口</button>
</body>
</html>

在上述示例中,当点击子窗口中的按钮时,会调用父窗口中的reloadParentWindow()函数,该函数会使用window.location.reload()方法重新加载父窗口。

这种方法适用于需要在iFrame关闭后刷新父窗口的场景,例如在iFrame中进行了一些操作,需要在关闭后更新父窗口的内容。

腾讯云相关产品和产品介绍链接地址:

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

相关·内容

关闭模态窗口窗口居然跑到了其他窗口的后面

关闭模态窗口窗口居然跑到了其他窗口的后面 发布于 2018-02-05 05:58 更新于 2018...弹出一个模态窗口,然后将模态窗口窗口设置为自身窗口; 切换到其他程序窗口中(比如 Windows 资源管理器窗口); 切换回此模态窗口,然后关闭这个模态窗口上。...你会发现,模态窗口关闭窗口并没有回到当前的顶层显示中。取而代之的,是其他程序的窗口(比如 Windows 资源管理器窗口)。...然后,回到模态子窗口中,把它关掉: ? 我们期待模态子窗口关掉,它的窗口会在顶层继续供我们操作,但实际上,Windows 资源管理器却成为了顶层,我们的程序“掉下去了”: ?...为解决兼容性问题的微软工程师默哀一分钟…… 我曾经尝试模态子窗口关闭激活一下窗口,但这样会导致窗口的层级闪烁一下(Windows 资源管理器会短暂地显示到我们的窗口之上)。

9.3K20

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

方案一: layer弹出层中调用界面重新加载函数 1 2 3 window.parent.location.reload(); varindex = parent.layer.getFrameIndex...窗口打开layer弹出框时,添加end回调 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 functionopenLayer() {   //iframe层     parent.layer.open...,应该不触发刷新操作,只有当弹出框的处理逻辑执行成功,调用函数关闭弹出框才触发界面刷新操作,基于这个逻辑,应该选择方案一。...(function() {   parent.layer.close(index);// 关闭layer },500); 我还需要在关闭窗口再打开一个窗口,则怎么解决,后面发现layer.js留有一个好的方式...,那就是调用窗口的方法,这个不受子窗口的影响,通过:parent.类方法名(参数)这样就可以了,窗口中再调用layer.js的弹出就好了。

4.5K60

bootstrap3-dialog打开嵌套iframe窗口

关闭事件后传递消息通知级页面关闭dialog window.addEventListener('message', receiveMessage, false); function...,比如新增数据时关闭新增页面调用回调函数刷新列表页,其中对页面的嵌套就是通过对dialog中的内容加载嵌套一个iframe实现,但是这样整体样式会有些问题,所以我们通过对modalbody,modaldialog...,收到指定的消息,则关闭dialog,能这样做的原因是dialog模态窗口实质上就是原页面基础上加上了一个div和遮罩层,其实还是属于同一个页面的,所以相互发送message可以收到,所以关闭dialog...中打开窗口,遮罩层和dialog都会以iframe为基准,但有时候这样会显的窗口太小使用不方便,所以我们这里要再加一种方法,打开全局dialog,就是如果在iframe中打开,dialog要显示iframe...的顶级窗口中,这就需要我们对源码小小的改造下 //顶部打开移动dialog所属窗体 if(this.options.istop){ this.getModal

32620

nodeIntegrationInSubFrames | Electron 安全

SubFrames 中开启 Node.js 这是一个实验性质的选项,决定是否允许子页面(iframe)或子窗口(child window)中集成Node.js; 预先加载的脚本会被注入到每一个iframe...之前的一些版本中,似乎子窗口会继承窗口的一些配置,但后来主要是为了生命周期等,简单来说,我把窗口关了,子窗口也会被关闭或其他设置 该参数要在窗口初始化是配置,而不是子窗口 0x03 测试 iframe...搭建测试环境 关闭 CSP ,关闭 sandbox , index.html 中嵌入 iframe main.js // Modules to control application life and...Node.js 这样以来, nodeIntegrationInSubFrames 对子窗口 Node.js 的执行就没有影响了呀,而且经过我的测试,在生命周期方面,关闭窗口,子窗口并不会跟着关闭 测试一下...Electron >= 5.0 版本,默认不允许,使用的话必须在创建窗口时显式地设置 webviewTag: true 直接使用上面测试 iframe 执行 Node.js 的服务器即可 经过测试发现

11410

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

在前面的文章中我们提到,对于一些还没来得及改造完的网站,Chrome 提供了一种便捷的方式来让命中灰度的用户手动关闭这个策略: 这个开关点击可以允许指定域名继续使用三方 Cookie ,但是这个期限只有...但是我们可以使用 Message Event 来进行父子应用之间的通信,通过这个我们可以基于 URL 向其他浏览器发送消息,我们现在这种情况下,我们可以从 iFrame 向可能在不同域上的应用发送消息...然后,我们通过 parent.postMessage() 方法向应用发送一条消息; iFrame 中,parent 是一个隐含的对象。 <!...一旦 iFrame 加载完毕,我们将通过 frame.contentWindow 对象向我们的 iFrame 发送 postMessage,使用 "*" 允许 postMessage 任何来源(不同的域...下面是一个示例函数,它接受iframeUri和一个回调函数,收到结果将被调用。

29910

layui弹窗间的传值(layui弹出层传值)(窗口传值)

主要有两部分 1、从主窗口传值到弹出层 2、从弹出层传值到主窗口 3、通过session互传 4、通过调用窗口的函数从而获取到窗口的值(相反也是可以的) 1、从主窗口传值到弹出层 首先时js...changefileone函数时按钮绑定事件,按钮点击调用这个函数然后弹出弹出层,加载changefile.html界面 然后success提前加载changefile的form数据(从主窗口传值到弹出层...'], success: function (layero, index) { //成功获得加载changefile.html时,预先加载,将值从父窗口传到 子窗口... 2、然后再这个弹出层填写数据,按了确定就开始加载这个...//得到iframe页的窗口对象,执行iframe页的方法:iframeWin.method(); 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/131259.html

5.9K20

JavaScript中window.open()和Window Location href的区别「建议收藏」

框架内指定页面打开连接 5:是否打开其他网站地址 6:window.open()经过设置的弹出窗口 7:用函数控制弹出窗口: 8 :同时弹出两个窗口 9: 【弹出的窗口之定时关闭控制】   ...这是默认 _parent – URL加载框架 _self – URL替换当前页面 _top – URL替换任何可加载的框架集 name – 窗口名称 specs 可选。一个逗号分隔的项目列表。...false – URL 浏览历史中创建新的条目。 _blank – URL加载到一个新的窗口。...这是默认 _parent – URL加载框架 _self – URL替换当前页面 _top – URL替换任何可加载的框架集 name – 窗口名称 specs 可选。...这一句的作用是调用关闭窗 口的代码,10秒钟就自行关闭窗口。)

3.9K20

三种切换

1.怎么知道我要操作的元素是否iframe中? ? 看下这个就能看出是否iframe中。 如果我要操作的元素iframe中,那么先过了这关,再去操作旗下的内容。 2.那怎么切换呢?...能退到iframe的上一级。 driver.switch_to.parent_frame() parent_frame就是跳到它的级。...#从iframe当中回到默认的页面当中。 # 默认的页面就是访问一个网址,默认加载的,f12中,看到的第一个html是它的主页面。...谁先打开谁就先排第一位,打开的排后面,根据窗口打开的先后顺序来排序。一般来说,新打开的窗口都是排在最后的。...send_keys() 输入操作 click() 点击操作 写代码,调试代码的阶段,不需要把quit加上,如果运行的过程中有一个地方报错了,不要着急把窗口关闭,先看看报错信息是什么,然后直接在运行结果页面调试的

1.1K10

layer弹出层详解

layer如何获取界面的元素,比如我点击新增按钮,layer框编辑提交,是如何关闭当前layer框,额,关闭layer框很简单,但是如何关闭根据界面的form表单向后台发起Ajax请求,,刷新信息...layer.ready(callback) – 初始化就绪 由于我们的layer内置了轻量级加载器,所以你根本不需要单独引入css等文件。但是加载总是需要过程的。...,直接获取layer.index即可 layer.close(layer.index); //它获取的始终是最新弹出的某个层,值是由layer内部动态递增计算的 //当你iframe页面关闭自身时...')[0]['name']]; //得到iframe页的窗口对象,执行iframe页的方法:iframeWin.method(); 7 console.log(body.html())...(windowName) – 获取特定iframe层的索引 此方法一般用于iframe关闭自身时用到。

5.1K20

php layer弹出层更改背景,详解Layer弹出层样式

layer如何获取界面的元素,比如我点击新增按钮,layer框编辑提交,是如何关闭当前layer框,额,关闭layer框很简单,但是如何关闭根据界面的form表单向后台发起Ajax请求,,刷新信息...layer.ready(callback) – 初始化就绪 由于我们的layer内置了轻量级加载器,所以你根本不需要单独引入css等文件。但是加载总是需要过程的。...,直接获取layer.index即可 layer.close(layer.index); //它获取的始终是最新弹出的某个层,值是由layer内部动态递增计算的 //当你iframe页面关闭自身时 var...name’]]; //得到iframe页的窗口对象,执行iframe页的方法:iframeWin.method(); console.log(body.html()) //得到iframe页的body内容...iframe关闭自身时用到。

3.8K20

作为window对象属性的元素 多窗口和窗体

因为script脚本头部先进行加载,无法获得完整的dom树,导致dom树获取全为空值,因为处理js脚本的时候,dom树渲染是阻塞的,除非允许异步渲染,加载完成以后进行渲染,或者是异步的随机渲染。...(或者递归打开的窗口),脚本才能通过名字指定存在的窗口,或者如果是一个窗口内嵌另一个窗口里的窗体,那么它们的脚本之间可以相互导航。...使用 _top(顶级祖先窗口) 和 _parent(直接窗口) 来获取上下文。 窗口名字 窗口名字,运行open()方法引用已存在的窗口。...close()关闭窗口 w.close(); undefined 这样可以将w开的窗口将其关闭 如果要关闭窗口可以调用 close() 这样就完成了页面的关闭 即使一个窗口已经关闭了,那么其window...对象仍旧保存在其父窗口,直到窗口关闭,window对象彻底的消失。

2.1K50

腾讯前端一面常考面试题_2023-03-13

localStorage:以键值对的方式存储 储存时间没有限制 永久生效 除非自己删除记录sessionStorage:当页面关闭被清理与其他相比不能同源窗口共享 是会话级别的存储方式cookies...1)窗口:(domain.com/a.html)...跨域window.name属性的独特之处:name值不同的页面(甚至不同域名)加载依旧存在,并且可以支持非常长的 name 值(2MB)。...比较长的网页或应用中,如果图片很多,所有的图片都被加载出来,而用户只能看到可视窗口的那一部分图片数据,这样就浪费了性能。如果使用图片的懒加载就可以解决以上问题。...localStorage:始终有效,窗口或浏览器关闭也一直保存,本地存储,因此用作持久数据; cookie:只设置的cookie过期时间之前有效,即使窗口关闭或浏览器关闭 4.作用域不同

1K40

JS之浏览器对象BOM

,如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象 window.frames 返回窗口中所有命名的框架...parent是窗口(如果窗口是顶级窗口,那么parent==self==top) top是最顶级窗口(有的窗口中套了好几层frameset或者iframe) self是当前窗口(等价window)...opener是用open方法打开当前窗口的那个窗口 ①:父子窗体之间的通讯 页面内嵌入一个iframeiframe中提供一个输入项,输入iframe外面窗口中显示内容 显示结果如上图所示,...-- 主窗体中获得子窗体内容 --> ②:window的open close 打开关闭窗体 <meta http-equiv="content-type

2.8K90

同源策略和跨域解决方法

如:Set-Cookie:key=value;domain=.test.com;path=/ iframe:也可以通过上述document.cookie设置,从而共享cookie、iframe拿到窗口的...DOM、窗口拿到iframe的DOM。...如:窗口是http://a.test.com,iframe是http://test.com;当设置了document.domain="test.com"时,就能进行跨域了。...3.使用window.name来跨域: window.name:不同的页面(甚至不同的域名)加载依然存在(如果值没被修改,则不会发生变化),并且name值可达2MB(对于一般的运用完全够用) 4.片段识别符...改变片段识别符,页面不会重新刷新 窗口将信息,写入子窗口片段识别符;子窗口通过监听hashchange事件得到通知 5.window.postMessage:HTML5为了解决跨域问题,引进的全新API

1.8K70

美团前端常见面试题整理_2023-02-23

1)窗口:(domain.com/a.html) ...跨域 window.name属性的独特之处:name值不同的页面(甚至不同域名)加载依旧存在,并且可以支持非常长的 name 值(2MB)。...关闭 Nagle 算法:关闭 Nagle 算法, Node.js 中你可以通过 socket.setNoDelay() ⽅法来关闭 Nagle 算法, 让每⼀次 send 都不缓冲直接发送。...,还会不断重新渲染 重新渲染需要重复之前的第四步(重新生成布局)+第五步(重新绘制)或者只有第五个步(重新绘制) 构建 CSSOM 树时,会阻塞渲染,直至 CSSOM树构建完成。...几种方式是: 将 js 脚本放在文档的底部,来使 js 脚本尽可能的最后来加载执行 给 js 脚本添加 defer 属性,这个属性会让脚本的加载与文档的解析同步解析,然后文档解析完成再执行这个脚本文件

1.8K10

HTML和CSS面试题及答案总结一

答: @import导入CSS文件会等到文档加载加载CSS样式表。因此,页面DOM加载完成到CSS导入完成之间会有一段时间页面上的内容是没有样式的。...原理:当样式表晚于结构性html加载,当加载到此样式表时,页面将停止之前的渲染。此样式表被下载和解析,将重新渲染页面,也就出现了短暂的花屏现象。 解决方法:使用link标签加载CSS样式文件。...HTML5中的新增元素: 1)canvas,用于媒介回放的video和audio元素 2)本地离线存储,localStorage长期存储数据,浏览器关闭数据不丢失;sessionStorage的数据浏览器关闭自动删除...cookie设置的cookie过期时间之前一直有效,即使窗口或者浏览器关闭。sessionstorage仅在浏览器窗口关闭之前有效。...localstorage始终有效,窗口和浏览器关闭也一直保存,用作长久数据保存。 3)作用域不同。

1.2K10

layui 如何去dom_layui 弹出层

而事实上我的确也大量地使用它。因为它简单,而且足够得自觉,它不仅占据很少的面积,而且默认还会3秒自动消失所有这一切都决定了我对msg的爱。...(‘page’); //关闭所有页面层 layer.closeAll(‘iframe’); //关闭所有的iframe层 layer.closeAll(‘loading’); //关闭加载层 layer.closeAll...name’]]; //得到iframe页的窗口对象,执行iframe页的方法:iframeWin.method(); console.log(body.html()) //得到iframe页的body内容...body.find(‘input’).val(‘Hi,我是从父页来的’) } }); 此方法一般用于iframe关闭自身时用到。...(index); //再执行关闭 调用该方法时,iframe层的高度会重新进行适应 似乎不怎么常用的样子。

76210

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券