Bootstrap

【JavaScript】跨页面通信

  1. Cookie:通过在⻚⾯间共享 Cookie 实现简单的跨⻚⾯通信,但是 Cookie ⼤⼩有限制,不能存储过多的数据。
  2. localStorage 和 sessionStorage:HTML5 提供了本地存储的能⼒,可以通过 localStorage 或 sessionStorage 实现⻚⾯间数据共享,相⽐ Cookie 更加⽅便,但是也有⼤⼩限制。
  3. BroadcastChannel API:这是⼀个 HTML5 新增的 API,允许多个⻚⾯间通信,可以⼴播消息或向特定⻚⾯发送消息。
  4. SharedWorker:SharedWorker 是⼀种特殊类型的 Web Worker,可以在多个⻚⾯间共享数据,可以通过 postMessage API 实现消息传递。
  5. postMessage API:这是 HTML5 提供的⼀种消息传递机制,可以在不同窗⼝或 iframe 间传递消息,可以⽤来实现跨域通信。
  6. WebSocket:WebSocket 是⼀种持久化的协议,可以在浏览器和服务器之间实现双向通信,也可以在不同⻚⾯之间实现通信。
;