如何实现浏览器内多个标签页之间的通信?

1.localStorage

在一个标签页调用localStorage.setItem(name,val)保存数据localStorage.removeItem(name)删除数据的时候会触发 'storage'事件。
在另外一个标签页监听document对象的storage事件,在事件event对象属性中获取信息

event事件对象包含以下信息

  1. 1. domain
  2. 2. newValue
  3. 3. oldValue
  4. 4. key

2.cookie

在A页面将需要传递的消息存储在cookie当中

在B页面设置setInterval,以一定的时间间隔去读取cookie的值。

 

posted @ 2017-09-01 15:36  T1amo  阅读(1171)  评论(0编辑  收藏  举报