javascript - 浏览器的两个页面之间通信的问题

问题描述

问 题

问题：如何实现浏览器页面A中传递一个数据到页面B，然后页面B处理此数据之后再次返回页面A？
要求：求各位大佬详细的解答一下，或者推荐几篇不错的文章。
开始的时候以为这个问题属于跨域问题，因为自学入门的时间比较短，所以也不是很了解，可是查了一下跨域到底是什么之后发现好像不是跨域问题，所以求大佬解答一下。

解决方案

postMessage API
支持两个页面跨域；只能传递字符串数据；参考 window.open；

直接引用
适用于两个页面在同一域；可以传递对象数据（对象数据使用 instanceof 做类型判断时有坑）；参考 window.open；

WebSocket 服务器中转
需要页面都与服务器建立 WebSockets 连接；支持跨域；参考 WebSocket

localStorage 事件
要求两页面在同一域；数据可以通过 localStorage 传递；参考 localStorage 的 'storage' 事件；

...

其实方案不少，关键看需求。

这篇关于javascript - 浏览器的两个页面之间通信的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！