javascript – 关闭弹出窗口后刷新父窗口

前端之家收集整理的这篇文章主要介绍了javascript – 关闭弹出窗口后刷新父窗口前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在创建一个到hello.html的弹出窗口.当我关闭弹出窗口(hello.html)时,我想要我的原始(父页面)重新加载.我似乎无法让它上​​班,但我很接近.这是我到目前为止的主页和hello.html页面代码…. @H_403_2@<!DOCTYPE html> <html> <head> <script type="text/javascript"> function open_win() { window.open("hello.html","_blank","toolbar=yes,location=yes,directories=no,status=no,menubar=yes,scrollbars=yes,resizable=no,copyhistory=yes,width=400,height=400"); } </script> <script language="JavaScript"> function refreshParent() { window.opener.location.href = window.opener.location.href; if (window.opener.hello.html) { window.opener.hello.html.close() } window.close(); } </script> </head> <body> <script type="text/javascript"> var d=new Date(); document.write(d); </script> <form> <input type="button" value="Open Window" onclick="open_win()"> </form> </body> </html>

这是hello.html …

@H_403_2@<!DOCTYPE html> <html> <head> <script type="text/javascript"> </script> </head> <body> Hello </body> </html>

解决方法

在子窗口中订阅 unload event,从子窗口调用父窗口通知它正在关闭

编辑添加代码示例…

@H_403_2@function popupClosing() { alert('About to refresh'); window.location.href = window.location.href; } var w = window.open("hello.html",height=400"); w.onunload = function () { window.parent.popupClosing() };

猜你在找的JavaScript相关文章