前端学习

前端学习——如何实现浏览器内多个页面之间的通信？

1. 使用localstorage

• 使用localStorage.setItem(name,val)添加内容，localStorage.removeItem(name)删除内容时，会触发’storage’事件；
• 在另一个页面监听document的storage事件，在event对象中获取信息。
  

2. 使用cookie+setInterval

• 在A页面将需要传递的消息存储在cookie当中
• 在B页面设置setInterval，以一定的时间间隔去读取cookie的值。

3. 使用websocket

• websocket基于tcp,tcp本身时全双工通信

4. 使用SharedWorker