使用Jquery从子窗口控制父窗口

Question

我正在考虑一个项目的几个想法，其中之一需要在 2 个不同的浏览器页面/窗口/选项卡之间进行通信。我的目标是这样的：

我有一个主页，上面有一个链接，点击它可以打开一个新的选项卡/窗口。在那个窗口里，有一个选择可以“导航”到主页的某个部分。问题是，据我所知，打开的窗口之间没有物理联系（子窗口不能访问“父级”窗口）。

我一直在尝试使用 opener 来引用父窗口，但函数和元素不响应来自子窗口的调用。

有没有办法让子窗口/其他窗口访问父窗口的元素/函数？

我试图避免使用模拟选项卡/框架（如果使用，只需引用父级或 window 元素就可以实现目标）。

- John McMullen

Answer 1

是的，实际上这是可能的。如果你在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 希望这能帮到你！

- Ian Hazzard

---

最终我成功让它工作了（之前我使用的打开窗口的方法不是通过window.open()）。感谢你的指引！ - John McMullen

没问题。我很高兴能帮助到你。 - Ian Hazzard