javascript - 两个选项卡如何在浏览器内通信？

Question

<分区>

Answer 1

看看Window/postMessage .

您还可以使用 Window.localStorage 并注册一个 StorageEvent并从另一个选项卡对其使用react。
这是一篇有趣的读物:Using the Web Storage API ;

示例 使用 localStorage 和 StorageEvent

将其放入 page1.html

<button>CLICK ME TO CHANGE "A" - "B"</button>
<script>
document.querySelector("button").addEventListener("click", function(){
  localStorage.ab = localStorage.ab ===  "A" ? "B" : "A";
});
</script>

并将其放入 page2.html

<script>
window.addEventListener("storage", function( StorageEvent ){
  console.log( StorageEvent );
  alert(StorageEvent.newValue);
});
</script>