Method 1
<script>
function popup() {
var win = window.open("", "Page Title", "toolbar=no, location=no");
win.document.body.innerHTML = '<a href="#" onclick="window.opener.location.reload();window.close();">Close Me</a>';
}
</script>
<a href="#" onclick="popup()">Open Me</a>
它创建一个弹出窗口,其中包含用于关闭窗口和刷新父窗口的链接。
Demo: https://jsfiddle.net/eke4f72r/ https://jsfiddle.net/eke4f72r/
Method 2
<script>
function popup() {
var win = window.open("", "Page Title", "toolbar=no, location=no");
var win_timer = setInterval(function() {
if(win.closed) {
window.location.reload();
clearInterval(win_timer);
}
}, 100);
}
</script>
<a href="#" onclick="popup()">Open Me</a>
它从父窗口检测子窗口是否关闭。如果为 true,则会重新加载页面。
Demo: https://jsfiddle.net/gv6nmdn9/ https://jsfiddle.net/gv6nmdn9/
EDIT使用方法 1 时,让您的父母打开您想要的弹出窗口,然后将其添加到您的孩子中:
<a href="#" onclick="window.opener.location.reload();window.close();">Close Me</a>