关于用localStorage来实现两个不同页面之间的通信

 可以简单的打开页面浏览器调试界面进行测试

在一个页面的Console中输入以下代码

window.onload=(function(){
  window.addEventListener('storage', (e) => console.log(e))
  // 或者
  window.onstorage = (e) => {console.log(e)}
})()

然后在另一个页面之中设置localStorage的或者修改localStorage的值代码如下

localStorage.setItem('test', '测试两页面之间的通信')

最后在第一个页面之中监听到的结果如下

关于用localStorage来实现两个不同页面之间的通信_第1张图片

这就实现了两页面之间的通信了

你可能感兴趣的:(关于用localStorage来实现两个不同页面之间的通信)