重新加载后关闭带有父窗口的子窗口

Question

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

我试图将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>