javascript - 如何使 html 指向与 javascript window.opener 相同的位置？

Question

在我的项目中，我有一个主页，用户在其中登录并查看主表，以及在不同窗口中打开的许多附加页面。

当登录超时时，用户应该无法访问任何内容。在主页中，我再次给出了登录页面的链接。在子窗口中，我不能这样做，因为我不希望在子窗口中完成登录。

在javascript中，我可以使用window.opener来访问主窗口(因为每个子窗口都是用window.open打开的)。如何在 html a 标记内执行此操作？

if (!login_check($conn)) { // tests if the user is connected
    // exits with a message, if not connected anymore
    exit("<p>You don't have authorization to access this page. Please, <a href='index.php' target='_parent'>go back to main screen and login</a>.</p>");
}

问题是:此代码在子窗口上打开登录页面，因此 target='_parent' 的行为并不像我想象的那样。如果有的话，实现这一目标的正确方法是什么？

Answer 1

如果您指定 window.name原始窗口的属性某个值(例如 "master" )，那么您可以简单地通过 <a target="master"> 来定位该窗口.

这是 dataURI 格式的简单概念验证:复制并粘贴到您的地址栏，仅限 Chrome/Firefox；在这里很难以任何其他方式进行模拟:

data:text/html,<script>window.name="master";</script>I am master. <button onclick="window.open('data:text/html,<a target=\'master\' href=\'data:text/plain,content for master from slave\'>Replace content of master</a>')">Open slave</button>

甚至还有相当有趣的可能性来设置大师(开场白)name来自从属内部，但前提是两者具有相同的起源:

<a onclick='if(window.opener)window.opener.name=this.target=Math.random()' href='whatever'>Open whatever in opener, if any</a>

MDN: window.name