Question

当用户按下索引上的按钮时，我想要重新加载页面。

这就是它的样子......

-index.php

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

-main.php

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

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

很抱歉由于缺少代码，我看起来并且无法找到任何相关信息。

Answer 1

如果两个页面都在同一个浏览器中运行（并且两者都不在私有/ 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();
        }
    }
});

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

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

1 个答案: