在JavaScript中的另一个窗口中访问窗口的全局变量

Question

我已经使用window.open(url);从页面打开了一个单独的窗口window.open(url); 我在第一个窗口内设置了一些全局变量。 现在，我想在新窗口中访问这些变量。 我该怎么做？ 或有什么方法可以做到这一点？

Answer 1

是的，可以通过window.opener对象。

例如：如果您在HTML文件中包含以下代码：

// JavaScript code in index.html file
window.myVariable = 'variable value';
window.open('child.html');

myVariable变量可在child.html文件中访问

// JavaScript code in child.html file
console.log(window.opener.myVariable); // outputs 'variable value'

Answer 2

您可以使用Querystrings实现此目的。 如果您这样做的话，有许多链接可提供宝贵的资源：

如何在两个HTML页面之间交换变量？

在两个HTML页面之间传递JavaScript变量

在2个HTML页面之间传递JavaScript数据值。

一个基本的用法示例如下：

Screen1.html（从中传递数据）：

function sendData() 
{      
  window.location = "Screen2.html?" + dataToBeSent;

}

Screen2.html（接收数据）：

var query = window.location.search;