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

最新推荐文章于 2023-09-15 17:08:46 发布

罗小树

最新推荐文章于 2023-09-15 17:08:46 发布

阅读量6k

点赞数

分类专栏： JavaWeb开发 javascript 文章标签： javascript

本文链接：https://blog.csdn.net/u010999809/article/details/76401155

版权

javascript 同时被 2 个专栏收录

30 篇文章 0 订阅

订阅专栏

JavaWeb开发

26 篇文章 0 订阅

订阅专栏

一、页面执行流程说明：

1.点击父页面a.html的“点我打开新窗口”按钮-->弹出新窗口（b.html）

2.关闭弹出的新窗口b.html-->刷新父页面a.html

二、实现步骤：

要点：1.给按钮的点击事件编写函数f1()，用于弹出新窗口 window.open(新窗口的url,"",窗口参数)

2.给弹出的新窗口添加对关闭事件的监听（window.onbeforeunload），通过该监听来实现父页面刷新

说明：要点2中的实现参考了qq_26676207转载的js关闭当前页面刷新父页面

三、代码：

父页面 a.html

<head>
	<script>
		function f1(){
			window.open("b.html","","width=800px,height=600px");
		}
	</script>
</head>
	
<body>
	<button οnclick="f1()">点我打开新窗口</button>
</body>

子页面 b.html

<head>
	<script>
		window.onbeforeunload = function() {  
			window.opener.location.reload(); 
		};
	</script>
</head>
	
<body>
	<h2>这是b.html</h2>
</body>

四、测试

1.打开a.html

2.点击“点我打开新窗口”按钮

3.点击弹出窗口右上角的“关闭”按钮

这时我们看到控制台的“网络”部分捕捉到了一个新的页面请求，说明父页面（a.html）被刷新了

罗小树

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
js关闭当前页面刷新父页面

一、页面执行流程说明：1.点击父页面a.html的“点我打开新窗口”按钮-->弹出新窗口（b.html）2.关闭弹出的新窗口b.html-->刷新父页面a.html二、实现步骤：要点：1.给按钮的点击事件编写函数f1()，用于弹出新窗口 window.open(新窗口的url,"",窗口参数)2.给弹出的新窗口添加对关闭事件的监听（window.onbeforeun
复制链接

扫一扫