js中关闭父窗口

最新推荐文章于 2022-04-29 10:41:04 发布

原创最新推荐文章于 2022-04-29 10:41:04 发布 · 6.7w 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #window #post #addEventListener

web 专栏收录该内容

25 篇文章

订阅专栏

父页面：

window.addEventListener('message',function(ev){
                    location.reload();
            });

子页面：

window.opener.postMessage('closed', '*');

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

cc20150126

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

js关闭父窗口时关闭子窗口

01-19

在父窗口写：代码如下:var sonid = window.open (‘”+ url2 + “‘, ‘newwindow’, ‘height=108, width=200, top=”+ top + “,left=” + left+ “, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, “+ “status=no,titlebar=no,z-look=1,depended=yes,alwaysRaised=yes’) window.attachEvent(“onunload”, closeSonwin);f

JS自动关闭父窗口

太极拳

01-28

2391

在单独使用window.close()关闭窗口本身时会出现提示框，这是微软IE的安全机制产生的。弹出的对话框会打断用户的浏览。　　为了避免这样的情况，我们只要在window.close()的前面使用window.opener = null;定义就可以在不出现提示的情况下，关闭窗口了。　　这样可以直接产生没有工具条和地址栏的页面，类似本地程序的外观。

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

js打开子窗口关闭父窗口

岁寒松柏

10-25

755

无标题文档子父窗口的操作 var win=null; function op(){ win=window.open("about:blank","win","width=200,height=200"); win.document.write(""); win.document.write(""); } <input t

子窗口实现关闭父窗口的js方法

热门推荐

qq_30490591的博客

06-06

1万+

写在前面：业务需要，在一个新增页面增加一个关闭按钮，由于新增页面是在父页面里嵌套的子页面，普通的调用Window.close()的方法无法实现关闭，在网上找个好久方法，均没有可靠答案，抱着试一试的态度，终于试验成功。具体js实现：function closeWindow(){ window.parent.opener=null; window.parent.open('', '_sel...

js中在子窗口中关闭父窗口问题

东东不邪的专栏

05-07

5389

js中，通过window.showModalDialog(url,window,otherparam)打开子窗口时，可在子窗口中用window.dialogArguments.close()将父窗口关闭，子窗口页面中，window参数由父窗口调用showModalDialog时传过来。

用javascript实现始终保持打开同一个子窗口以及关闭父窗口同时自动关闭所有子窗口

10-30

### 使用JavaScript实现始终保持打开同一个子窗口以及关闭父窗口同时自动关闭所有子窗口在Web开发过程中，有时我们需要实现一些特定的交互逻辑来满足用户需求或提高用户体验。例如，本文所探讨的问题：如何使用...

js 父窗口控制子窗口的行为-打开，关闭，重定位，回复

10-29

总结来说，父窗口控制子窗口的行为主要借助JavaScript的window对象所提供的open和close方法，同时还需要在父窗口中保存对子窗口的引用。通过这种方式，父窗口就可以实现在一定条件下打开、关闭、重定位子窗口等操作...

在子窗口中关闭父窗口的一句代码

09-04

本篇文章将详细讲解如何在JavaScript中通过一行代码实现在子窗口中关闭父窗口的功能。首先，我们需要理解`window.opener`这个属性。在JavaScript中，`window.opener`是指创建当前窗口的窗口对象。当一个窗口打开另...

javascript关闭父窗口时同时关闭子窗口的方法~

Infected_U2

06-16

4240

(1) 在中定义一个win变量: var win; (2) 打开子窗口时,保存子窗口的对象:onclick="win=window.open(./frmSubSecchibashoKensaku.aspx,self,width=730,height=500, resizable=no,location=no,toolbar=n

js 关闭当前窗口刷新父级窗口

dw5235的博客

12-04

622

window.openner.window.location.reload(); window.close();

js 子窗体关闭刷新父窗体

好玩的事情要记录下来~

09-04

868

父窗体打开子窗体: function openPage(){ window.open ('upload.jsp?uploadName=Doug','newwindow','location=no, status=no') ; }

js关闭当前窗口刷新父页面

祁梦@

04-29

3499

// 关闭当前窗口并刷新父页面 window.close(); window.opener.location.href = window.opener.location.href; // 返回上一页并刷新 window.history.go(-1); window.location.reload();

js关闭当前页面刷新父页面

冷夜轩的博客

12-15

1万+

js关闭当前页面刷新父页面

用js打开新窗口和关闭新窗口

u1873798的博客

09-09

1742

window.open('path...'); window.close();

JS 关闭本页面，刷新父页面

My Blog's

08-05

6298

//刷新父页面，关闭本页面 this.Page.Response.Write("script>alert(法律专家信息更新成功！);"+ "window.opener.parent.document.location.reload();"+ "window.opener

JS-IE,打开子窗口,在子窗口中关闭父对象

qq_34769161的博客

07-10

476

parent.jsp <form name="viewForm" action="" method="post"> <input type="hidden" id="objId" name="objId" value="<c:out value='${objId}'/>" /> </form> function openSubWindo...

js关闭当前页面提交父页面

sixer_的博客

07-12

216

//提交父页面 function submitParent() { var index=parent.layer.getFrameIndex(window.name); //获取当前窗口的name parent.layer.close(index); $('#editForm', window.parent.document).submit(); }

window.opener.location.reload() and href()的区别

langhua9527的专栏

03-15

745

[code="js"] //强行刷新父窗口window.opener表示父窗口，但是只对IE有效 window.opener.location.reload(true); //加入收藏夹，仅对IE有效 javascript:window.external.AddFavorite('http://www.xxx.com','xxxxx'); [/code] 2个方法都是刷新父窗口，但...

ext.js关闭当前窗口刷新父窗口

最新发布

04-01

<think>好的，我现在需要回答用户关于如何使用Ext.js关闭当前窗口并刷新父窗口的问题。首先，我得回忆一下Ext.js的相关知识，特别是窗口组件和父子窗口之间的交互。用户提到的是Ext.js，可能是指Ext JS框架，通常用于构建富客户端应用程序。关闭当前窗口并刷新父窗口，这通常涉及窗口间的通信，比如在关闭子窗口时触发父窗口的某些操作。首先，关闭当前窗口。在Ext JS中，窗口是Ext.window.Window的实例，可以通过调用close方法或hide方法来关闭或隐藏。一般来说，使用close方法会销毁窗口，而hide只是隐藏，可以根据需要选择。但用户可能希望彻底关闭，所以使用close方法。接下来，刷新父窗口。这里的“父窗口”可能指的是打开当前窗口的那个父容器或页面。需要明确父窗口和子窗口之间的关系。如果是通过父窗口中的按钮或事件打开的子窗口，那么在子窗口中可能需要引用父窗口的对象。可能的步骤： 1. 获取当前窗口的引用。 2. 在关闭当前窗口之前或之后，找到父窗口并执行刷新操作。 3. 刷新父窗口可能涉及到重新加载数据、重新渲染组件或者调用父窗口的方法。例如，假设父窗口有一个Grid Panel，需要在子窗口关闭后刷新该Grid的数据。这时候可以在关闭子窗口时调用父窗口的方法，如父窗口的store.reload()。另外，需要考虑事件监听。可能需要在子窗口的close事件中添加处理函数，以便在窗口关闭时触发父窗口的刷新。Ext JS中可以使用listeners配置来监听close事件。可能的代码结构：子窗口的关闭按钮处理： { text: '关闭', handler: function() { this.up('window').close(); // 关闭当前窗口 // 获取父窗口并刷新 var parentWin = Ext.ComponentQuery.query('父窗口的选择器')[0]; if (parentWin) { parentWin.down('grid').getStore().reload(); } } } 或者，在子窗口的配置中添加监听器： listeners: { close: function(win) { var parent = win.parentWin; // 假设在打开子窗口时保存了父窗口的引用 if (parent) { parent.refreshData(); // 假设父窗口有refreshData方法 } } } 另外，当打开子窗口时，可能需要将父窗口的引用传递给子窗口，以便在子窗口中能够访问到父窗口的方法。例如，在父窗口中： var childWin = Ext.create('Ext.window.Window', { // 配置 parentWin: this // 将父窗口实例传递给子窗口 }); 然后，在子窗口的close事件处理中，可以通过this.parentWin来获取父窗口的引用。需要注意的是，直接操作父窗口的组件可能会导致耦合，因此更好的做法是使用事件机制。例如，子窗口触发一个事件，父窗口监听该事件并执行刷新操作。这可以通过Ext JS的事件系统来实现，比如使用fireEvent和on方法。例如，在父窗口中： this.childWin = Ext.create('Ext.window.Window', { listeners: { close: function() { this.down('grid').getStore().reload(); }, scope: this } }); 或者在子窗口关闭时触发自定义事件，父窗口监听并处理。总结可能的解决方案步骤： 1. 在子窗口的关闭操作中，获取父窗口的引用。 2. 调用父窗口的刷新方法，如重新加载Store或更新组件。 3. 可以通过直接引用、事件监听或配置传递父窗口实例来实现。需要注意的问题： - 组件销毁后的内存管理，确保没有内存泄漏。 - 正确的作用域（scope）配置，避免this指向错误。 - 选择器的使用要准确，避免获取错误的组件实例。可能需要查阅Ext JS的文档，确认Window组件的关闭事件和相关方法。例如，Ext.window.Window的close方法是否默认销毁窗口，或者只是隐藏。根据Ext JS版本的不同，行为可能有所变化，需要确认。此外，如果父窗口的刷新涉及异步操作，比如Store的reload，需要确保在数据加载完成后更新界面，但通常Store的reload会自动处理这些。最后，整理示例代码，确保语法正确，并分步骤说明，让用户能够理解如何实现关闭子窗口并刷新父窗口。</think>在Ext.js中关闭当前窗口并刷新父窗口，通常涉及以下步骤： ### 1. **关闭当前窗口** 使用`close()`方法关闭当前窗口实例： ```javascript this.up('window').close(); // 关闭当前窗口 ``` ### 2. **刷新父窗口** 根据场景不同，有两种常见方式： #### **方式一：通过父窗口引用直接操作** - **步骤**： 1. 在打开子窗口时，将父窗口的引用传递给子窗口： ```javascript // 父窗口中打开子窗口 var childWin = Ext.create('Ext.window.Window', { title: '子窗口', parentWin: this, // 传递父窗口引用 listeners: { close: function() { this.parentWin.down('grid').getStore().reload(); // 关闭时刷新父窗口的Grid } } }); childWin.show(); ``` #### **方式二：通过事件机制解耦** - **步骤**： 1. 在父窗口中监听子窗口的关闭事件： ```javascript // 父窗口中定义刷新方法 refreshParent: function() { this.down('grid').getStore().reload(); } // 打开子窗口时绑定事件 var childWin = Ext.create('Ext.window.Window', { title: '子窗口', listeners: { close: { fn: this.refreshParent, scope: this // 确保`this`指向父窗口 } } }); childWin.show(); ``` ### 3. **完整示例代码** ```javascript // 父窗口中的按钮点击事件 Ext.create('Ext.Button', { text: '打开子窗口', handler: function(btn) { var parentGrid = btn.up('panel').down('grid'); // 获取父窗口的Grid // 创建子窗口 var childWin = Ext.create('Ext.window.Window', { title: '子窗口', width: 400, height: 300, items: [{ xtype: 'button', text: '保存并关闭', handler: function() { // 1. 关闭当前窗口 this.up('window').close(); // 2. 刷新父窗口的Grid parentGrid.getStore().reload(); } }] }); childWin.show(); } }); ``` ### 关键点说明 - **关闭窗口**：确保调用`close()`而非`hide()`，以销毁窗口实例。 - **作用域问题**：使用`scope: this`或箭头函数确保`this`指向正确。 - **组件查询**：通过`Ext.ComponentQuery`或`down()`方法定位父组件。通过以上方法，可以实现在Ext.js中关闭子窗口并触发父窗口刷新。