Javascript 在新窗口中添加子窗口

Javascript 在新窗口中添加子窗口,javascript,html,dhtml,Javascript,Html,Dhtml,我有两个窗口,一个用于输入,一个用于显示。我希望显示窗口根据输入动态更新。我在网上找到了一个示例,该示例与我在添加项目时所做的操作非常接近(在示例的案例行中)。但是我需要它们在另一个页面上更新,而不是在输入页面上。希望这是有道理的 我很难在其他地方找到解决方案,但本质上我只需要添加显示表来添加输入表中的数据。谢谢您的帮助。您需要跨窗口通信,因此目标或目标窗口应该公开一个接收数据并将其插入文档的函数。您可以在目标窗口的全局范围内声明新函数: window.addData = function(da

我有两个窗口,一个用于输入,一个用于显示。我希望显示窗口根据输入动态更新。我在网上找到了一个示例,该示例与我在添加项目时所做的操作非常接近(在示例的案例行中)。但是我需要它们在另一个页面上更新,而不是在输入页面上。希望这是有道理的


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

您需要跨窗口通信,因此目标或目标窗口应该公开一个接收数据并将其插入文档的函数。您可以在目标窗口的全局范围内声明新函数:

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