js关闭当前页面刷新父页面
来源:互联网 发布:js offsetparent属性 编辑:程序博客网 时间:2024/04/29 01:41
一、页面执行流程说明:
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 onclick="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 0
- js关闭当前页面刷新父页面
- js关闭当前页面刷新父页面
- 关闭当前页面时,刷新父页面
- 关闭当前页面时,刷新当前页面的“父页面”
- JS 关闭本页面,刷新父页面
- js 关闭子页面刷新父页面
- JS刷新当前页面
- JS刷新当前页面
- JS刷新当前页面
- JS刷新当前页面
- js 刷新当前页面
- JS刷新当前页面
- JS刷新当前页面
- JS刷新当前页面
- JS刷新当前页面
- JS刷新当前页面
- JS刷新当前页面
- JS刷新当前页面
- java中的类修饰符、成员变量修饰符、方法修饰符。
- 二分图最大匹配问题之网络流算法
- HTML标签
- 栈、堆、方法区简介
- 初学java,写个期末考试的题
- js关闭当前页面刷新父页面
- 微信分享给朋友圈/朋友/判断网络类型/支付在vue里面亲测
- js学习记录(ajax each() push())
- NavigationView实现侧滑效果
- Spring与Akka的集成
- JMock实践---(四)参数匹配
- 使用Intellij Idea创建第一个SpringMVC工程
- JDBC之使用Spring提供的NamedParameterJdbcTemplate
- unreal engine 4学习笔记:变量概述