Javascript 当按下按钮时，如何重新加载单独的页面？

我想一个页面被重新加载时，用户按下一个按钮的索引

这里是它的样子

-index.php

<h1>Press the reload button to reload main.php</h1>
<a class="btn" id="reload">Reload</a>

按重新加载按钮重新加载main.php
重新加载

-main.php

<h1>When the button is pressed on index this page should reload.</h1>

当按下索引上的按钮时，此页面应重新加载。

基本上应该有两个设计，一个在index.html上，另一个在main.html上。按下重新加载按钮时，其他设备应重新加载

---

很抱歉缺少代码，我查看了一下，没有找到任何相关信息。

如果两个页面都在同一个浏览器中运行（并且都不是私有/ingonito模式），则可以使用本地存储事件

document.getElementById('reload').addEventListener('click', function (evt) {
   window.localStorage.setItem('window-event', JSON.stringify({reload: "main.php"})); 
});

在main.php中：

window.addEventListener('storage', function (evt) {
    if (evt.key === 'window-event') {
        var msg = JSON.parse(evt.newValue);
        if (msg.reload === 'main.php') {
            window.location.reload();
        }
    }
});

---

编辑：web工作人员也可以在窗口之间交换消息，但web工作人员的设置和维护更为复杂，并且在打开数十个窗口时可能会失败。

这不是一项简单的任务。为了让两个设备相互影响，所有流量都需要通过服务器，仅客户端JS是不够的，两个设备都需要与服务器事件同步。要做到这一点，您需要使用AJAX轮询，或者最好使用WebSocket。设置完成后，您可以让Device1向服务器发出请求。然后，服务器应通知Device2它需要刷新自身。正如我之前所说的，这里有很多东西需要设置，在进入这个阶段之前，还有很多代码需要编写。为此需要AJAX轮询或类似的东西。您必须编写服务器端代码。当按下按钮时，index.php页面应该进行服务器调用，并打开服务器端的指示器（例如，可以通过DB完成）。另一方面，main.php应该保持来自服务器的轮询并检查指示器的状态。只有当它发现指示灯“打开”时才应重新加载。