javascript - 如何将数据从父窗口传递到弹出窗口

Question

父窗口是:http://localhost:8080/webApp/index.html 点击给定的按钮，会出现一个弹出窗口，我想从父窗口发送一些数据作为 innerHTML窗口到弹出窗口。 我正在使用下面的函数来显示弹出窗口

<script type = text/javascript>
     window.open("popup.html", "popup",'toolbar = no, status = no beforeShow');
</script>

弹出窗口 url 是:http://localhost:8080/webApp/popup.html

现在我想将数据(innerHTML 文本) 从父窗口发送到弹出窗口，我知道它可以使用 AJAX 发布到服务器，然后添加到弹出页面，但我不想将此 innerHTML 文本(数据)发送到服务器，我只想使用 js 函数仅在客户端执行我的任务。是否可以？

server side : java, servlet
Client Side : jQuery, javascript

Answer 1

为什么不尝试像这样的简单窗口处理程序:

x = window.open("....","..","...");
x.document.write("bla bla bla");

这里的想法是，当我们只引用 document.write 和其他文档级命令时，它指的是当前窗口，即。如果我们说 document.getElementById("xxx") 那么它实际上是针对当前窗口的 window.document.getElementById("xxx"); 如果我们想从弹出窗口中获取它然后我们需要使用以下方法为该窗口分配一个处理程序:

x = window.open(".....")

我们可以使用该处理程序来执行与当前窗口中相同的操作。而不是 document.getElementByID 使用 x.document.getElementById

希望这对您有所帮助。