window.open 监听关闭打开的窗口事件

最新推荐文章于 2025-07-10 14:55:10 发布
最新推荐文章于 2025-07-10 14:55:10 发布
阅读量8.7k 收藏
点赞数 1
分类专栏： js 前端
本文介绍了一种使用JavaScript创建新窗口并循环监听该窗口关闭状态的方法。通过`window.open()`方法打开新窗口，并设置其属性如宽度、高度等。接着使用`setInterval()`函数每隔一段时间检查新窗口是否被关闭。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

//打开窗口

var winObj = window.open('http://www.google.com','google','width=800,height=600,status=0,toolbar=0');

//循环监听

var loop = setInterval(function() {

      if(winObj.closed) {

         clearInterval(loop);

         alert('closed');

      }

}, 1000);

监听浏览器关闭页面事件
m0_63607954的博客
07-18 2549
如果需要直接关闭页面不再弹出二次确认框，则需要注销上面的监听即可。如果需要弹出二次确认框，则直接使用close方法即可，无需注销关闭页面的监听。在同一页面中，某种情况需要监听浏览器窗口关闭事件，给出二次确认框提示；上述代码的确可以实现监听页面关闭时，弹出浏览器的二次确认弹框事件，但却无法满足上面提到的。场景一：在业务页面中需要监听用户是否关闭浏览器窗口，如果中途关闭，则给出二次确认提示。场景二：在业务页面直接关闭浏览器窗口（此场景与场景一在同一个业务页面中进行）。
如何在父窗口中得知window.open()出的子窗口关闭事件
12-10
代码如下: <HTML> <BODY> <P> </P> <form name=fm_Info> <input type=text name=txtValue> </form> [removed] var timer var winOpen function IfWindowClosed() { if (winOpen.closed == true) { document.fm_Info.txtValue.value=”child closed” window.clearInterval(timer) } } [removed] <input type=b
监听window.open()的关闭事件
维维的博客
10-25 1644
监听window.open()的关闭事件
前端关闭window.open打开的页面
最新发布
m0_61454228的博客
07-10 188
父页面通过window.open打开的页面，在父页面某些场景下需要自动关闭子页面。
js监听window.open()的关闭事件，发送定时器请求，并在指定次数内停止请求
qq_36660833的博客
12-13 2604
js监听window.open()的关闭事件，发送定时器请求，并在指定次数内停止请求
javascript:window.open 打开最大化窗口设置及详解
06-20 2009
目的主要是使用javascript:window.open()对浏览器 iE6.0,7.0,8.0,chorme,safari,firefox适用刚开始的时候对最大化使用<a href="javascript:void window.open('https://www.sina. com.cn/ ','XX','fullscreen,scrollbars,resizab...
JS检测window.open打开的窗口是否关闭
10-19
在JavaScript（JS）开发中，有时我们需要控制一个新窗口的生命周期，例如在用户打开新窗口时显示一个遮罩层，防止他们进行其他操作，而当新窗口关闭时，需要移除这个遮罩层以恢复用户的交互。这可以通过利用`window....
window.open的页面如何刷新(父页面)上层页面
09-05
在网页开发中，`window.open` 是一个常用的 JavaScript 函数，用于在新的浏览器窗口中打开一个新的页面或 URL。然而，在一些交互场景下，比如子页面（由 `window.open` 创建的页面）需要与父页面（打开子页面的那个...
js弹窗并返回值(window.open方式)
03-22
3. 原窗口需要监听`beforeunload`或`unload`事件，当新窗口关闭时，这些事件会触发，从而获取到返回值。 例如： ```javascript // 在原窗口 let newWindow = window.open('b.html', 'newWindow', 'width=400,...
window.open打开的页面，监听关闭事件
qq_42508165的博客
01-08 2540
window.open打开的页面，监听关闭事件 js操作 var page = window.open('xxx'); page.onunload = function() { console.log('closed'); }
js监听 window.open 关闭事件
热门推荐
韩世雷 程序员专栏
11-21 2万+
首先创建一个新的对象，这将打开一个弹出这样的：
window.open父子页面,子页面关闭回调事件样例
winfzg的博客
08-12 7775
工作中经常遇到打开子页面的需求,用到window.open(),open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。详细语法看一下https://www.runoob.com/jsref/met-win-open.html 网站了解一下即可，下面说一下子页面关闭父页面接收关闭事件的两种常用法法。 1、父页面轮询监听子页面关闭事件 setInterval() 方法可...
js监听window.open打开的窗口的关闭
JulyNight的博客
09-16 2715
监听子窗口的状态 const winObj = window.open('www.baidu.com'); const loop = setInterval(function () { if (winObj.closed && winObj.closed) { console.log('我被关闭了') clearInterval(loop); } }, 500);
页面如何监听打开的第三方页面是否关闭
南梓哶的博客
10-26 923
页面如何监听打开的第三方页面是否关闭
html window.open 居中,JS window.open()打开新窗口（非常详细）
weixin_35907598的博客
06-22 1302
使用 window 对象的 open() 方法可以打开一个新窗口。用法如下：window.open (URL, name, features, replace)参数列表如下：URL：可选字符串，声明在新窗口中显示网页文档的 URL。如果省略，或者为空，则新窗口就不会显示任何文档。name：可选字符串，声明新窗口的名称。这个名称可以用作标记 和 的 target 目标值。如果该参数指定了一个已经...
判断window.open打开的页面是否关闭
大坤
01-14 2013
var A = 'open'; function qqLogin() { //以下为按钮点击事件的逻辑。注意这里要重新打开窗口 //否则后面跳转到QQ登录，授权页面时会直接缩小当前浏览器的窗口，而不是打开新窗口 A=window.open("/oauth/index.php","TencentLogin", "width=450,height=320,menubar=0,s...
java window closed_在父窗口中得知 window.open()出的子窗口关闭事件的方法（定时器实现)...
weixin_30253941的博客
02-16 203
vartimervarwinOpenfunctionIfWindowClosed(){JavaScript vartimervarwinOpenfunctionIfWindowClosed(){if(winOpen.closed==true){document.fm_Info.txtValue.val...
window.open()
anzhang5248的博客
08-29 110
一、核心 1、做按钮监听，打开窗口 function foo() { window.open('/add/', '', 'width=400,height=200,top=500, left=300') } 2、执行post请求后，返回一个额外的页面 def add_publish(request): if request...
怎么监听window.open打开的新窗口是否关闭
05-24
可以使用window.open()方法打开一个新窗口，并给新窗口命名，然后使用window.close()方法关闭新窗口。同时，可以在父窗口中使用setInterval()方法定时检查子窗口是否已关闭。 示例代码如下： 在父窗口中： ``` ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值