两个页面如何进行通信？

Question

需求是这样的：
两个页面，demo1，demo2；

1. demo1中有两个按钮，都是跳转到demo2，但是demo2中展现的内容不相同。这个问题已解决，用url传参，在第二个页面判断url。

2. 点击demo1的搜索框跳转到demo2，demo1里搜索框的值在demo2搜索框中出现，我本来用sessionStorage来解决，但是需求是demo2要打开一个新窗口，这样在新窗口里再拿本地存储中的值就不是demo1中搜索框的值了（如果在窗口中打开，也就是window.location.href的话sessionStorage是可以的满足需求的，但是只能用window.open（）来打开页面，也就是另开一个窗口）；

也想过用url传参，但是搜索框中的内容可能会很长，这样不好看也不安全；
请问还有类似我这种需求的实现方式吗？

Answer 1

window.postMessage 可以优雅实现你的需求