我在JavaScript中用window.open打开了一个弹出窗口,我想在关闭此弹出窗口时刷新父页面。(关闭事件?)我该怎么做呢?
window.open("foo.html","windowName", "width=200,height=200,scrollbars=no");
发布于 2012-05-29 10:35:19
您可以使用'window.opener‘访问父窗口,因此,在子窗口中编写类似以下内容:
<script>
window.onunload = refreshParent;
function refreshParent() {
window.opener.location.reload();
}
</script>
发布于 2012-05-29 10:31:18
弹出窗口没有任何您可以监听的关闭事件。
另一方面,当窗口关闭时,有一个closed属性被设置为true。
您可以设置一个计时器来检查该closed属性,并执行以下操作:
var win = window.open('foo.html', 'windowName',"width=200,height=200,scrollbars=no");
var timer = setInterval(function() {
if(win.closed) {
clearInterval(timer);
alert('closed');
}
}, 1000);
发布于 2012-05-29 10:38:38
在您的子页面上,放入以下内容:
<script type="text/javascript">
function refreshAndClose() {
window.opener.location.reload(true);
window.close();
}
</script>
和
<body onbeforeunload="refreshAndClose();">
但是作为一个好的UI设计,你应该使用一个接近的button
,因为它对用户更友好。请参阅下面的代码。
<script type="text/javascript">
$(document).ready(function () {
$('#btn').click(function () {
window.opener.location.reload(true);
window.close();
});
});
</script>
<input type='button' id='btn' value='Close' />
https://stackoverflow.com/questions/10792408
复制相似问题