开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

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

，可以通过以下步骤实现：

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

以下是一个示例代码：

<!-- 父窗口 -->
<!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中进行了一些操作，需要在关闭后更新父窗口的内容。

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

腾讯云主页：https://cloud.tencent.com/
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
云存储（COS）：https://cloud.tencent.com/product/cos
腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
腾讯云物联网平台（IoT Explorer）：https://cloud.tencent.com/product/explorer
腾讯云移动开发平台（MTP）：https://cloud.tencent.com/product/mtp

相关搜索:关闭Iframe时重新加载父页面- Fancybox 如何在提交子窗口后在父窗口上重新加载文本加载多个iframe而不重新加载父页面在DialogFragment关闭后重新加载碎片如何在Hubspot ().run()消息关闭后重新加载窗口？Qt窗口关闭后重新打开如何使用iFrame重新加载滚动父页面关闭弹出窗口后刷新父页面在单独的窗口中打开Linux命令，并在父窗口关闭后将其关闭重新加载父窗口CRM Online Google Chrome 重新加载ajax iframe后未显示图像 Fancy Box - 关闭iframe弹出窗口时如何刷新父页面？在iframe父窗口中触发click事件在父窗口的iframe中打开链接在关闭某个函数的窗口滚动后，将其重新打开如何在关闭UIAlertController后重新加载UIView 如何在浏览器窗口关闭或重新加载后调用ajax函数？如何在窗口关闭并重新打开后强制页面从顶部加载在tkinter上关闭带有父窗口的子窗口防止iFRame在发生错误时重新加载

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

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

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

9.4K2 0

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.6K6 0

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

4292 0

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 的服务器即可经过测试发现

2401 0

Layui弹出层关闭

success:function(){ layer.close(index); } }) //获取当前窗口的name var index = parent.layer.getFrameIndex...(window.name); //关闭窗口 parent.layer.close(index); //该方式只能是弹窗类型为2时，即为iframe层时可以使用 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

5K2 0

layui框架——弹出层layer

28、回调方法 success：层弹出成功后的回调方法 yes：第8项提到的“按钮一”的回调方法，在回调方法中需要手动关闭层 layui.use('layer',function(){ var...（如果不配置，默认是3秒） }, function(){ //关闭后执行 } ); 7、layer.load(icon,options)-加载层 icon：Number类型...('loading'); //关闭加载层 layer.closeAll('tips'); //关闭所有的tips层 11、layer.style(index,cssStyle)-重新定义层的样式...)-获取特定iframe层的索引此方法一般用于在iframe页关闭自身时用到。...(index); //再执行关闭 15、layer.iframeAuto(index)-指定iframe层自适应调用该方法，iframe层的高度会重新进行适应 16、layer.iframeSrc

12.1K1 0

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

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

4251 0

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

6.9K2 0

JavaScript中window.open（）和Window Location href的区别

这是默认 _parent - URL加载到父框架 _self - URL替换当前页面 _top - URL替换任何可加载的框架集 name - 窗口名称 specs 可选。...只要有窗口的名称和window.open中第二个参数中的一样就会将这个窗口替换，用这个特性的话可以在iframe和frame中来代替location.href。...，让它10秒后自动关闭是不是更酷了？...这一句的作用是调用关闭窗口的代码，10秒钟后就自行关闭该窗口。)...10：【在弹出窗口中加上一个关闭按钮】呵呵，

2.3K5 1

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秒钟后就自行关闭该窗口。)

4.9K2 0

三种切换

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

1.1K1 0

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.2K2 0

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.9K2 0

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

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

2.1K5 0

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

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

1.1K4 0

美团前端常见面试题整理_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.9K1 0

同源策略和跨域解决方法

如：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.9K7 0

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

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

1.2K1 0

JS之浏览器对象BOM

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

2.9K9 0

实现iframe父窗体与子窗体的通信

0.背景介绍 (1)需要在当前的前端项目中，使用iframe嵌套别的站点页面。 (2)当子窗体触发了一个事件后，要给父窗体传一个跳转地址的url。...不过要前提是要确保对不同域的页面有修改权限，并且父窗体、子窗体页面都要同时加载这个MessengerJS。...对象的名字： // 父窗口中 - 添加消息对象, 明确告诉父窗口iframe的window引用与名字 messenger.addTarget(iframe1.contentWindow, 'iframe1...当接收到iframe子窗体发来的消息后执行。...然后在触发onclick事件时，向父窗口传递消息。发消息时，要指定接收消息的父窗体的messenger的名字，以及传递的消息。

9.8K77 1

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭