ChildAppend在新窗口中

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);