當我單擊瀏覽器中第一頁中的按鈕時，如何重新加載第二頁？

Question

我的懷疑是

在我的瀏覽器中，我打開了兩個窗口（即瀏覽器中的兩個選項卡）。 在一個窗口（WINDOW1）中有表數據。 在另一個窗口（WINDOW2）中，有一個按鈕。 如果單擊另一個窗口（WINDOW2）中的按鈕，將重新加載一個窗口頁面（WINDOW1）。 怎么做？

這是可以理解的嗎？

Answer 1

希望這對您有所幫助。 您可以使用廣播頻道將消息發送到同一頻道中的所有頁面。

第1頁（將消息發送到第2頁）

<button onclick="postMsg();">Test</button>
<script>
    var bc = new BroadcastChannel('abc'); // connect to 'abc' channel
    function postMsg() {
        // send message to everyone in channel
        // you can send anything you want
        bc.postMessage('heyreload'); 
    }
</script>

第2頁（從第1頁接收消息）

<script>
    var bc = new BroadcastChannel('abc'); // must same channel as page1
    bc.onmessage = function (ev) { // event occurs when receive message
        // do anything you want in here
        // example reload page
        if (ev.data == 'heyreload') {
            location.reload();
        }
    }
</script>