javascript - Javascript 父窗口如何将数据发送到弹出窗口？

Question

我一直在使用 HTML 和 Javascript 编写基于浏览器的应用程序(或者更确切地说，快速制作应用程序原型(prototype))。我希望主窗口能够显示带有动态数据的弹出窗口。但是，我无法弄清楚如何将数据从父窗口推送到 Javascript 中的弹出窗口。请注意，我假设应用程序可能在“离线”场景中使用，因此所有动态数据都应来自主窗口。

理想情况下，我想写

var popup = window.open("popup.html", someidentifier, "");
popup.document.getElementById("SomeIdInPopupHtml").innerHTML = "1,2,3,4";

但是，getElementById 函数返回 NULL。如何将数据从父窗口推送到弹出窗口？

Answer 1

弹出窗口提供的内容是否来自与父域不同的域？如果是这样，简短的回答是你不能。

长答案是您可以发送弹出窗口的 href 片段(即 protocol://server/path?query#fragment 中 # 之后的部分)。如果弹出窗口中的内容知道检查其片段是否有更改，那么您可以将数据传递给它。

如果它来自同一个域，那么只要具有该 ID 的元素存在，您的代码就应该可以工作。