如何在子窗口中访问父变量-Javascript

我正在做一个简单的搜索查询。它从第1页获取用户输入。我想在第2页显示结果。这是我第一页的代码

                    var t1;
                    var t2;
                    var t3;
                    var t4;$("#submitsearch").on( 'click', function () {
                    t1 = $("#search0").val();
                    t2 = $("#search1").val();
                    t3 = $("#search2").val();
                    t4 = $("#search3").val();

                    window.open('testpage2.html','newWindow');
                    return false;
                });

第2页使用变量t1、t2、t3和t4。我这样访问它们

                    var t;
                    var t1 = window.opener.t1;
                    var t2 = window.opener.t2;
                    var t3 = window.opener.t3;
                    var t4 = window.opener.t4;

但是，当我用“\u self”替换“newWindow”时，我无法再访问变量。 我理解原因，因为父页面正在关闭，因此无法传递变量。但我希望能找到解决办法。有吗

---

我想在page1所在的窗口中打开page2。在保留这些变量的同时，还有其他方法可以做到这一点。

为什么不将它们放到URL中？testpage2.html？myVar=1&myVar2=2，使用document.location可以将它们取回。您可以对每个页面使用localstorage或一个div，并显示和隐藏它们。只有两种方式的许多。。。