开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

js 关闭子窗体刷新父窗体

在JavaScript中，关闭子窗口并刷新父窗口通常涉及到window.close()方法和window.opener对象的使用。以下是具体的实现步骤和示例代码：

基本概念

window.close(): 这个方法用于关闭当前窗口。
window.opener: 这个属性指向打开当前窗口的那个窗口对象。

实现步骤

在子窗口中调用window.close()方法关闭子窗口。
在子窗口关闭之前，使用window.opener.location.reload()方法刷新父窗口。

示例代码

假设父窗口的HTML文件为parent.html，子窗口的HTML文件为child.html。

parent.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Parent Window</title>
    <script>
        function openChildWindow() {
            window.childWindow = window.open('child.html', 'ChildWindow', 'width=400,height=300');
        }
    </script>
</head>
<body>
    <button onclick="openChildWindow()">Open Child Window</button>
</body>
</html>

child.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Child Window</title>
    <script>
        function closeAndRefreshParent() {
            if (window.opener && !window.opener.closed) {
                window.opener.location.reload();
            }
            window.close();
        }
    </script>
</head>
<body>
    <button onclick="closeAndRefreshParent()">Close and Refresh Parent</button>
</body>
</html>

解释

父窗口：
- 当点击“Open Child Window”按钮时，openChildWindow()函数会被调用，打开一个新的子窗口。
- window.open()方法的第二个参数是窗口名称，第三个参数是窗口特性（如宽度和高度）。

子窗口：
- 当点击“Close and Refresh Parent”按钮时，closeAndRefreshParent()函数会被调用。
- window.opener.location.reload()方法会刷新父窗口。
- window.close()方法会关闭当前子窗口。

注意事项

确保子窗口是由父窗口通过window.open()方法打开的，否则window.opener可能为null或未定义。
在某些浏览器中，出于安全考虑，可能会阻止脚本关闭非脚本打开的窗口。

通过这种方式，你可以在关闭子窗口的同时刷新父窗口，确保父窗口的数据是最新的。

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

有帮助

没帮助

相关·内容

winform 子窗体向父窗体传值

父窗框mainForm;子窗体childForm,利用事件进行传值在子窗体中的操作： public event EventHandler accept; public string value;...=null) 　　 { 　　　　accept(this, EventArgs.Empty);//当事件触发时，传递自身引用　　 } } 在父窗体中的操作： childForm frmChild...object sender, EventArgs e) { 　　if(frmChild.IsDisposed) 　　{ 　　　　frmChild=new childForm();//时刻保持只有一个窗体显示...　　} 　　frmChild.accept += new EventHandler(Main_accept); frmChild.Show(); } //父窗体处理子窗体传来的值

2.2K2 0

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

本文主要会介绍如何基于MessengerJS，实现iframe父窗体与子窗体间的通信，传递数据信息。同时本文会提供一个可运行的实例代码，实现在父窗体中，获取到来自子窗体的数据的效果。...(2)当子窗体触发了一个事件后，要给父窗体传一个跳转地址的url。父窗体监听到这个事件后，根据接收到的url，来更新当前父窗体的url，实现页面的跳转。...这里分别是父窗体和子窗体的代码实现，可直接在浏览器中打开查看效果，其中messenger.js可以在这里下载，放到项目目录下。父窗体：子窗体也要先引入messenger.js，同时初始化一个messenger到一个统一的项目中，其中第一个参数为自己页面messenger对象的名字，第二个参数为项目名称；然后添加消息对象，告知子窗体的window...同时提供了一个完整的实例，可以实现子窗体向父窗体传递消息，父窗体通过监听消息事件，来获取子窗体消息的目的。如有问题，欢迎指正。

9.8K77 1

c#子窗口与父窗口_主窗体控制子窗体的显示

方法较为简单，直接撸代码父窗口代码 using System; using System.Collections.Generic; using System.ComponentModel; using...Form2 f2 = new Form2(this); f2.Show(); this.Hide(); } } } 子窗口代码

2.6K2 0

C#将子窗体填充到父窗体的panel中

这里此窗体为lvlv_CauseForm 窗体，new一个窗体对象cf后，进行填充，代码如下： lvlv_CauseForm cf = new lvlv_CauseForm(); cf.TopLevel...= false; //设置子窗体为非顶级窗体 cf.Dock = System.Windows.Forms.DockStyle.Fill;//设置样式是否填充整个

3.2K1 0

C#子窗体精确定位到父窗体的某个位…

弹出的子窗体精确定位在父窗体的某个位置，需要有目标坐标（这里将子窗体的位置设置为父窗体中一个panel的位置，需要将panel的坐标转换成屏幕坐标） lvlv_CauseForm cf = new lvlv_CauseForm...(); cf.Left = this.PointToScreen(new Point(panel2.Left, panel2.Top)).X;（这里将panel的位置装换成相对于屏幕的坐标再赋给子窗体）

1.4K4 0

C# 子窗体中调用父窗体中的方法(或多窗体之间方法调用)

”与“Chilid子窗体”之间如何相互的调用方法。...C# 子窗体中调用父窗体中的方法(或多窗体之间方法调用) 看似一个简单的功能需求，其实很多初学者处理不好的，很多朋友会这么写： C# Code: //父窗体是是frmParent，子窗体是frmChildA...//在父窗体中打开子窗体 frmChildA child = new frmChildA(); child.MdiParent = this; child.Show(); //子窗体调父窗体方法...如果父窗体与子窗体在同一个模块内看似没有错，因为这种反向引用在同一个模块内是可行的，但程序不能这么写，你把它写死了！固化了！...假设我们的项目不断在扩展，需要将父窗体与子窗体分开在不同的模块，这段代码就完了！因为父窗体模块必须引用子窗体模块，而子窗体需要用到frmParent的类，又要引用父窗体的模块！

8.4K2 0

弹出的模式窗体控制父窗体的方法

在父窗体中弹出一个模式窗体： var strUrl = ‘test.php’; window.showModalDialog(strUrl, window, “dialogWidth:800px; dialogHeight...:600px; dialogHide:yes; scroll:no; status:no”); 在模式窗体中获取父窗体对象，并控制父窗体页面进行刷新（也可以进行其他操作）。...var objParentWin = window.dialogArguments; //获取父窗体对象 objParentWin.location.reload(); //刷新父窗体

1.4K2 0

C#嵌入子窗体，判断子窗体是否打开了

/// /// 嵌入子窗体，判断子窗体是否打开了 /// public static Form1 f;

2K3 0

Winform窗口里的嵌入WPF的UserControl,关闭Winform父窗体的方法

可以在form_load事件里把this传给UserControl，然后在usercontrol里调用form的各种方法，不过这种做法不太好，耦合性较高。标准做...

2.9K5 0

C# WPF MVVM模式下在主窗体显示子窗体并获取结果

01 — 前言在winform中打开一个新的子窗体很简单，直接实例化窗体并show一下就可以： Form2 f2 = new Form2(); f2.Show(); 或者 Form2...所以正常是通过调用框架下得WindowManager接口，在window后台代码中通过WindowManager注册需要弹出的窗体类型，在ViewModel通过WindowManager的Show或ShowDialog...02 — ShowDialog用法实现首先实例化新的子窗体SubShowWindowViewModel ，然后通过CM框架的ioc容器获取IWindowManager接口，通过接口的ShowDialog...调出子窗体，ControlTestStr 用来显示子窗体的赋值并在界面显示。...ControlTestStr = subShowWindowViewModel.SubShowWindowStr; } } } 03 — 结果演示 ControlTestStr 获取到了新窗体的赋值并显示到了界面

1.8K1 0

python pyqt5弹出子窗体

self.pushButton.setObjectName("pushButton") Dialog.setWindowFlags(QtCore.Qt.WindowStaysOnTopHint) #设置窗体总显示在最上面...child window') self.pushButton.clicked.connect(self.btnClick) # 按钮事件绑定 def btnClick(self): # 子窗体自定义事件...app = QApplication(sys.argv) main = MyMainWindow() child = ChildWindow() btn = main.pushButton # 主窗体按钮事件绑定

1.7K4 0

jqGrid 关闭刷新父页面数据

子页面提交方法: function commit(){ var data = $("#pwd").serialize(); $.post("#",data,function(data)...{ var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index); }) } 父窗口数据刷新再关闭...({ type : 2, skin : 'layui-layer-rim', //加上边框 maxmin : true, title : '添加', shadeClose : true, //点击遮罩关闭层

3.8K10 0

Js窗体window大小设置（转）

offsetParent 属性指定的父坐标的高度 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 offsetTop:获取对象相对于版面或由...offsetTop 属性指定的父坐标的计算顶端位置 event.clientX 相对文档的水平座标 event.clientY 相对文档的垂直座标 event.offsetX 相对容器的水平坐标...clientWidth、offsetWidth、clientHeight、offsetHeight均无关) function resize(){ var win = Ext.fly('窗体对象组件...');//获得要调整的窗体，注意这里先用Ext.fly的方式来获取组件，如果不行再换别的，如getCmp,get等 ... listeners: { close:function(w){ //关键部分：关闭窗口前先还原

6.1K2 0

在Office应用中打开WPF窗体并且让子窗体显示在Office应用上

我们可以简单的实例化一个WPF窗体对象然后在Office应用程序的窗体上打开这个新的WPF窗体，此时Office应用的窗体就是WPF的宿主窗体。...然后宿主窗体跟Office应用并不是在一个UI线程上，子窗体很可能会在宿主窗体后面看不到。...这个时候需要调用Win32函数，将Office应用的窗体设置为WPF子窗体的父窗体，这个函数的形式定义如下： [DllImport("user32.dll", SetLastError = true)]...下面方法是一个完整的方法，可以通过反射实例化一个WPF窗体对象，然后设置此WPF窗体对象为Office应用程序的子窗体，并正常显示在Office应用程序上。...WindowInteropHelper(winBox); winBoxIntreop.EnsureHandle(); //将Excel句柄指定为当前窗体的父窗体的句柄

1.6K5 0

c# winform 窗体失去焦点关闭（钩子实现）

Application_ApplicationExit(object sender, EventArgs e) { MouseHook.Stop(); } 窗体...load里面写 HZCX.Utils.MouseHook.OnMouseActivity += hook_OnMouseActivity; 窗体closing里面写 HZCX.Utils.MouseHook.OnMouseActivity

2.9K2 0

VB 子窗体被PictureBox控件挡住无法显示

1、问题描述 VB做机房收费系统的时候，用的MDI主窗体，在主窗体上加了一个Picturebox控件，运行的时候，点了子窗体，但是却没有出现，后来才发现，子窗体被Picturebox控件给当在了后面...2、问题原因在MDI程序中，子窗体实际位于MDIClient里，就是说，子窗体的父窗体是MDIClient，而PictureBox和MDIClient属于同一级的层次结构 ThunderMDIForm-MDIForm1... --MDIClient ---ThunderFormDC-Form1 子窗体1 ---ThunderFormDC-Form2 子窗体2 --ThunderPictureBoxDC...参数： hWndChild:子窗口句柄。hWndNewParent:新的父窗口句柄。如果该参数是NULL，则桌面窗口就成为新的父窗口。 ...返回值：如果函数成功，返回值为子窗口的原父窗口句柄；如果函数失败，返回值为NULL。

1.4K2 0

WinForm自动记录从上次关闭位置启动窗体

功能主要是通过在注册表中读写窗体的Location属性来实现的。...在窗体关闭前处理窗体的FormClosed事件，将窗体的Location属性值写入注册表,然后在窗体的Load事件中从注册表中读取保存的数据。...（1）Location属性 Point结果,表示窗体的左上角相对桌面的左上角的坐标。...代码 /// /// 窗体加载时获取窗体上次结束时的位置 /// /// /// <param name...} catch { } } /// /// 窗体关闭前记录窗体的当前位置 /// /// ///

1.2K2 0

如果在BackgroundWorker运行过程中关闭窗体…

由于操作是异步执行的，用户可能在异步操作执行过程中关闭当前窗体，而窗体的关闭会伴随着Dispose方法的执行。...一、一个简单的例子我们写一个简单的例子来说明上述的场景：在一个非主窗体（主窗体的关闭会导致程序的终止）的Windows窗体中，一个BackgroundWorker被用于异步地执行一段耗时的操作。...当该窗体被显示出来后，点击按钮让注册到该BackgroundWorker的异步操作开始执行，然后在操作结束之前（10秒）将当前窗体关闭。...而实际上，我们通常注册该事件在窗体上进行一些状态信息的显示，既然窗体都被关闭，这些操作就无需执行。...那么，有什么方式可以确保在窗体关闭的状态下阻止RunWorkerCompleted事件处理程序的执行呢？

1.2K11 0

PyQt5 技巧篇-如何让窗体只显示关闭按钮

默认我们的窗体的放大、缩小、关闭按钮都是显示的，想要个性化化显示，需要我们自己设置。这个参数是使用关闭按钮的意思，开启这个之后，就只显示关闭按钮了，其他按钮需要给出参数才能显示。...Dialog): Dialog.setObjectName("Dialog") Dialog.resize(477, 60) # 设置只显示关闭按钮...Dialog.setWindowFlags(QtCore.Qt.WindowCloseButtonHint) 只显示关闭按钮效果图： ?

2.8K2 0

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

，因为在操作逻辑上，手动关闭弹出框，应该不触发刷新操作，只有当弹出框的处理逻辑执行成功后，调用函数关闭弹出框才触发父界面刷新操作，基于这个逻辑，应该选择方案一。...方案二，不管怎样都会刷新页面，实际上无端的增加了服务器的处理压力。方案二：可以解决子页面处理后的结果发送给子页面的父页面的问题。...对于layer.js出现回调关闭父类的弹出层时，之前的表单的submit失效的问题：如何解决：网上有很多，有的是转为ajax的请求，在数据传输完再关闭父类的弹出层：下面是关闭父弹出层的办法： 1 2...layer },500); 我还需要在关闭父类窗口后再打开一个窗口，则怎么解决，后面发现layer.js留有一个好的方式，那就是调用父窗口的方法，这个不受子窗口的影响，通过：parent.父类方法名（...未经允许不得转载：肥猫博客 » layer实现关闭弹出层刷新父界面功能详解

4.7K6 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭