ChildAppend 在新窗口中

Question

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

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

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