重新加载后,使用父窗口关闭子窗口

时间:2017-08-16 02:23:35

标签: javascript jquery html

现在,我可以关闭父页面上的子弹出窗口。但是在子弹出窗口中,我创建了一个重新加载父页面的函数。重新加载父页面后,我无法在父页面关闭时关闭子弹出窗口。因为缺少弹出信息。有人建议解决方案吗?

我尝试将win.open存储到sessionStorage,但sessionStorage只能存储String信息。

这是我的代码:

winOpen.js

var win;
$(function() {
    $(".closeBtn").click(function() {
        win.close();
    });
});

function winOpenCenterParseReferer(add){
    var url = add; 
    win = window.open(
        "", ""
        , "width=1200, height=600, location=no, menubar=no, toolbar=no, status=no, scrollbars=yes, resizable=no");
    win.location.href = url;
};

parent.html

<html>
<head>
<script type="text/javascript" src="winOpen.js"></script>   
</head>
<body>
    <a href="javascript:window.close();" class="closeBtn">close</a>
    <a href="popup.html" onclick="winOpenCenterParseReferer(this.href); return false;">Open Popup</a>
</body>
</html>

popup.html

<html>
<head>  
</head>
<body>
    <a href="#" onclick="window.opener.location.reload();">Reload Parent</a>
</body>
</html>

0 个答案:

没有答案