当我在浏览器中单击第一页中的按钮时，如何重新加载第二页？

Question

我的怀疑是

在我的浏览器中，我打开了两个窗口（即，浏览器中的两个标签）。在一个窗口（WINDOW1）中有表数据。在另一个窗口（WINDOW2）中，有一个按钮。如果单击另一个窗口（WINDOW2）中的按钮，将重新加载一个窗口页面（WINDOW1）。该怎么做？

可以理解吗？

Answer 1

希望这对您有所帮助。您可以使用Broadcast Channel将消息发送到同一频道的所有页面。

第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>