当我们在编写 JavaScript 应用程序时，有时需要将变量或数据从一个浏览器窗口传递到另一个浏览器窗口。
在 JavaScript 中，可以使用 window.open() 方法打开一个新的浏览器窗口，并使用 postMessage() 方法通过窗口之间的通信来传递数据。这种方法可以在不同的浏览器窗口之间实现跨域通信。
以下是一个示例代码，演示如何在两个浏览器窗口之间传递数据：
-- -------------------- ---- -------
-- --------------------
--- --------- - -------------------------------
---------------------------- ---- --- ----- --------- -----
-- -------------
---------------------------------- -------- ------- -
-- ------------
-- ------------- --- ---------- -
-------------------- --------- - - ------------
-
---在上面的代码中，我们首先使用 window.open() 方法打开了一个新的浏览器窗口，并将其存储在一个变量 newWindow 中。然后，我们使用 postMessage() 方法向新窗口发送一条消息。
在第二个窗口中，我们使用 window.addEventListener() 方法监听 message 事件。当事件被触发时，我们检查事件对象的 source 属性，以确保消息来自第一个窗口。如果是，则可以访问事件对象的 data 属性来获取消息的内容。
需要注意的是，如果两个窗口不在同一个域名下，则需要使用 postMessage() 方法进行跨域通信。在这种情况下，我们需要将第二个窗口的源指定为特定的域名或 IP 地址，以确保安全性。
总之，通过使用 window.open() 和 postMessage() 方法，我们可以很容易地在不同的浏览器窗口之间传递 JavaScript 变量和数据。这对于实现复杂的应用程序或增强用户体验非常有用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/13287