前端页面浏览器新建一个窗口,该前端页面如何监听该新窗口的关闭状态

本文介绍如何通过前端技术监听新开窗口的状态变化,以便在窗口关闭时自动刷新数据,确保用户看到的是最新信息。作者使用`window.open`创建新窗口,并利用定时器检查窗口状态,一旦发现关闭,触发数据更新和清除定时器。
摘要由CSDN通过智能技术生成

前端页面浏览器新建一个窗口,该前端页面如何监听该新窗口的关闭状态

应用场景:假设我需要监听打开的页面,当他关闭时,我就默认该页面已经对数据做了修改,那么我监听它关闭后,程序自动刷新数据,保证用户看到的数据是最新的。

使用前端定时器,不断的查看浏览器窗口对象是否被关闭,从而实现想要的功能


const  win = window.open(this.$ruoter.resolve({path: ‘xxx/xxx’,query:{}).href, '_blank')
const loop = setInterval(()=>{
	if(win && win.closed) {
	this.更新数据()
	clearInterval(loop)
}500)
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以的,我来帮你解答。 首先,你需要先下载并安装 Nginx。你可以在 Nginx 的官方网站上下载适用于 Windows 的安装程序。下载完成后,双击安装程序并按照指示进行安装。 安装完成后,打开 Nginx 的安装目录(默认为 C:\nginx),找到并打开 "conf" 文件夹。在该文件夹中,你会找到一个名为 "nginx.conf" 的文件,这是 Nginx 的主配置文件。 打开 "nginx.conf" 文件,你会看到一些默认的配置项。在 "http" 部分中,找到 "server" 配置块,这是用来配置服务器的。你可以按照你的需求修改这些配置项,比如监听的端口号等。 要设置前端页面,首先将你的前端代码放置在 Nginx 的 "html" 文件夹中。默认情况下,该文件夹位于 Nginx 的安装目录下的 "html" 文件夹中。你可以将你的前端页面文件夹命名为任意名称,并将其放置在该文件夹中。 接下来,在 "nginx.conf" 文件中的 "server" 配置块中,找到 "location /" 配置项。将其注释掉,并添加以下配置项: ``` location / { root html; # 这里的 html 是指 Nginx 的默认 html 文件夹 index index.html index.htm; # 前端页面的默认入口文件名 } ``` 保存并关闭 "nginx.conf" 文件。 最后,打开命令提示符窗口,并切换到 Nginx 的安装目录。运行以下命令启动 Nginx 服务器: ``` start nginx ``` 如果一切顺利,你的前端页面现在应该可以通过访问 http://localhost 来访问了。 希望这些步骤对你有帮助!如果你还有其他问题,可以继续提问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值