Child在新窗口中显示

Question

我有两个窗口，一个用于输入，另一个用于显示。我希望显示窗口根据输入动态更新。我在网上找到一个例子，它接近我在做的事情here，我添加项目（在示例的案例行中）。但我需要他们在其他页面上进行更新，而不是在输入页面上进行更新。希望这是有道理的。

我很难在其他地方找到解决方案，但基本上我只是需要添加显示表来添加输入表中的数据。感谢您的帮助。

Answer 1

您需要跨窗口进行通信，因此目标窗口或目标窗口应该公开一个接收数据并将其插入到文档中的函数。打开它

window.addData = function(data) { 
    // Append to HTML document 
} 

从源窗口中，您一定要到目的地窗口的引用，例如：你可以在目标窗口的在全球范围内宣布新的功能

// Open child window and call global function of child window 
var destination = window.open("destination.html", "destination"); 
destination.addData(42); 

什么使这个棘手的是，你必须等待目标窗口被加载。

如果你已经打开了窗口应该跟原来（开）窗口，您可以使用此代码的子窗口中：

// Call global function of parent window 
var destination = window.opener; 
destination.addData(42);