如何创建包含GUI并控制父浏览器窗口的弹出浏览器窗口

Question

在jquery和/或javascript中是否有办法创建一个可以直接在浏览器中影响父窗口的弹出窗口？在我的情况下，我想在弹出窗口中设置一个GUI，可以在父窗口中左/右/上/下移动对象。我还需要它在双显示器设置中工作。如何做到这一点的任何线索都会很棒！

Answer 1

子窗口中的函数可以使用parent.来控制父窗口，例如：

parent.alert("moo");

Answer 2

您可以使用window.opener与开启窗口进行互动，因为它听起来像您要打开一个新窗口。因此，如果您在打开的窗口中声明了一个javascript函数

 function test(){
    alert("I'm the parent!");
 }

您可以通过调用

从弹出窗口调用它

window.opener.test();

此处的要求是打开窗口和打开窗口必须位于同一域或至少是子域。如果它是相同的子域，则需要做一些工作才能允许跨域访问，您可以在此处阅读更多有关https://stackoverflow.com/a/3962489/1558122的信息。

您最初会通过从父级调用window.open来打开弹出窗口，双监视器不应该影响此处的行为。

Answer 3

你真正想要的可能是一个对话框，而不是一个窗口。 Windows很麻烦，需要文档所需的所有HTML。你可以尝试这个jquery插件：http://jqueryui.com/dialog/。对话框需要最少的HTML。

我承认我不了解双显示器的事情。