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

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>