window.open打开子窗口关闭时调用父窗口方法

最新推荐文章于 2025-06-19 14:24:06 发布

原创最新推荐文章于 2025-06-19 14:24:06 发布 · 8k 阅读

4 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种在子页面卸载时通过onunload事件调用父页面特定方法的技术实现方式。此方法适用于需要在子页面关闭时执行父页面某些操作的场景。

子页面：

window.onunload = function(){
    var parentWin = window.opener;
    if(parentWin){
        parentWin.test()
    }
}

父页面：直接将方法写在最外层就可以了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

林中鹿

关注关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

如何在父窗口中得知window.open()出的子窗口关闭事件

09-04

在JavaScript编程中，有时我们需要在父窗口中监听子窗口的操作，特别是当子窗口是由`window.open()`方法创建时。`window.open()`是一个内置函数，用于打开新的浏览器窗口、标签或框架。了解如何在父窗口中捕获子窗口...

window.open页面关闭后刷新父页面

热门推荐

Shaniya

06-02

2万+

经常会遇到这么一个问题，window.open打开一个页面，但是页面操作完关闭的时候，父页面因为没有获取到关闭而不刷新，下面给大家介绍一个封装的方法： /** * 监听打开的弹窗，关闭后刷新页面 */ function openWin(url,text,winInfo){ var winObj = window.open(url,text,winInfo); var loop

参与评论您还未登录，请先登录后发表或查看评论

layer.open关闭父窗口 以及调用父页面的方法

10-18

今天小编就为大家分享一篇layer.open关闭父窗口 以及调用父页面的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

windows.open打开新窗口页面，逻辑处理完毕后，关闭窗口并调用(父页面)上层页面方法且不刷新父页面

zwy

08-27

2554

如题，原本的逻辑处理是，从列表页点击进入详情页（新页面），处理完毕后关闭详情页，同时刷新列表页，但用户使用后反馈，希望列表页不要刷新。如果不刷新，已处理的记录不会从列表中被排除出去，但又最好不要在列表显示出可处理的button来，就是处理完后，调用列表页的方法，影藏或者去掉这个button呗。爆栈不能说是非常有用，只能说是yyds，我一个后端，只能百度哇，我知道可以找前端来处理，但我有点抵触我们那位前端，想着反正是写js，又不是css,我还不信我搞不出来。总之就是百度很久，试了很多方法，都没起效，最后.

js中用window.open()打开多个窗口的name问题

10-26

如果多个窗口具有相同的`name`，那么在父窗口中调用子窗口的方法或与子窗口交换数据时，可能会出现不可预测的错误。因为在这种情况下，JavaScript引擎无法准确地分辨应该与哪个窗口进行交互，可能会错误地操作了非...

window.open打开的子页面关闭后刷新父页面

最新发布

k_night_lip的博客

06-19

353

本文介绍了4种在子页面关闭后刷新父页面的方法：使用window.opener.location.reload()直接刷新父页通过postMessage进行跨页面通信在父页面设置关闭回调函数使用定时器检查子窗口状态注意事项：跨域场景下优先使用postMessage 注意浏览器对onbeforeunload中异步操作的限制不同方法需考虑兼容性和安全性这些方法适用于需要子页面操作后同步更新父页面数据的场景。

由window.open打开的窗口如何通知父窗口自己已经关闭

angeltimes的专栏

01-17

2683

parent.htm : var timervar winOpenfunction IfWindowClosed() {if (winOpen.closed == true) { document.fm_Info.txtValue.value="child closed"window.clearInterval(timer)}}document.fm_Info.txtValue.va

window.opener调用父窗口方法/关闭父窗口

m0_75278118的博客

07-10

3479

调用父窗口方法/关闭父窗口

使用window.open方式打开多级子窗口，在子窗口关闭时，执行任意父级窗口中函数的解决方案

W18738842008的博客

04-01

1824

使用window.open方式打开A页面，A页面打开B页面，B页面打开C页面，C页面打开D页面，D页面打开E页面，在E页面关闭时执行以上任意页面中的函数解决方案；在E页面关闭时使用window的localStorage属性，创建一个key/value键值对，在需要执行函数的页面比如A页面监听localStorage，获取在E页面设置的键值对进行判断，然后即可执行本页面的函数，具体代码如下： E页面关闭页面时代码： localStorage.clear(); ocalStorage.setItem(‘fla

子窗体调用父窗体的方法

weixin_34176694的博客

08-08

244

一、在父窗体中写如下方法： function department_cancel(){ <%-- 调用intiForm方法，用于刷新页面--%> goWithButton('initForm');} 二、在子窗体中的关闭方法中调用父窗体的department_cancel方法如下： function close(){...

window.opener.location.reload关闭(打开)新界面，刷新父界面

见证自己学习,成长的记录

07-06

3576

弹出窗口关闭时用来刷新父窗口 语法 window.opener.location.reload(); 有时候需要子页面和父页面都加上这个函数

window.open 子页面调用父页面方法以及子页面关闭事件

tianyehappy的专栏

11-01

4310

页面关闭事件 window.attachEvent("onunload",function(){ //TODO }); ############################################## 父页面a.jsp调用window.open(‘b.jsp’)。b.jsp调用a.jsp的js方法c(); 在b的js中添加如下语句： window.o

window.open父子页面,子页面关闭回调事件样例

winfzg的博客

08-12

7926

工作中经常遇到打开子页面的需求,用到window.open(),open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。详细语法看一下https://www.runoob.com/jsref/met-win-open.html 网站了解一下即可，下面说一下子页面关闭父页面接收关闭事件的两种常用法法。 1、父页面轮询监听子页面关闭事件 setInterval() 方法可...

vue中跨窗口通信：新窗口调用父窗口方法

qq_42931285的博客

09-16

3620

vue中跨窗口通信：新窗口调用父窗口方法

2021-12-30 window.open子窗口调用父窗口方法

一只白猫罢了

12-30

2857

这是一个debug日常。先来看一下原生window对象-子窗口、子窗口调用父页面方法项目在使用某插件时候（插件会通过window.open打开一个编辑器窗口，编辑完成之后保存并把数据返回给父窗口），原生代码没问题，只有在vue环境中的 IE浏览器下，子窗口给父窗口传值时会报错。原因是js文件定义的全局方法 ieattachEventntko 并未成功挂载到父窗口，vue中把js文件中定义的对象通过export default ntkoBrowser抛出，然后引入到我们的父窗口用的vue组件里。