按下按鈕后如何重新加載頁面？

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();
        }
    }
});

編輯：Web Workers也可以在窗口之間交換消息，但是Web Workers的設置和維護更為復雜，並且在打開多個窗口時可能會失敗。