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

前端之家收集整理的这篇文章主要介绍了javascript – 关闭弹出窗口后刷新父窗口前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在创建一个到hello.html的弹出窗口.当我关闭弹出窗口(hello.html)时,我想要我的原始(父页面)重新加载.我似乎无法让它上​​班,但我很接近.这是我到目前为止的主页和hello.html页面代码….
<!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 …

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

Hello

</body>
</html>

解决方法

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

编辑添加代码示例…

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()
};
原文链接:https://www.f2er.com/js/152861.html

猜你在找的JavaScript相关文章