从子窗口Jquery控制父窗口

时间:2014-11-20 02:50:55

标签: javascript jquery dom

我正在为项目提供一些想法,其中一个需要以某种方式在两个不同的浏览器页面/窗口/标签之间进行通信。我的目标是:

我有一个主页面,其中包含一个打开新标签/窗口的链接。在该窗口中,可以选择“导航”主页面的一部分。据我所知,问题是打开的窗户之间没有物理联系(孩子可以访问的“父”窗口上没有句柄)。

我一直在尝试使用opener来引用父窗口,但是函数和元素没有响应来自孩子的调用。

子窗口/其他窗口是否有办法访问父窗口上的元素/功能?

我试图避免使用模拟标签/框架(这很容易引用父框架或窗口元素来实现目标)。

1 个答案:

答案 0 :(得分:2)

是的,实际上这是可能的。如果您在JavaScript中使用window.open(),则可以使用window.opener.并提交您通常会提出的任何请求。像:

window.opener.document.getElementById('id').innerHTML = "hello";

或使用jQuery,

$(window.opener.document).find('#tableInParent').html("hello");

在此处阅读更多内容:http://wisercoder.com/javascript-jquery-parent-windows/

JSFIDDLE HERE

我希望这有帮助!