打开一个新窗口并更改其父级内容

Question

我正在寻找一种方法（在纯JS和/或jQuery中）从新窗口B中的父页面A打开链接，然后更改页面A的内容（或URL）。 我不能控制B的HTML，因为它是由第三方拥有的。

类似的内容，在A页的来源中：

$("#linkId").click(function(){
    //...invoke the window.open using #link.id's href
    //change contents of page A
});

Answer 1

PLUNKER

有一种更简单的方式来改变iframe src，它只涉及HTML，没有JS。

注意到example.com的锚点。基本上你需要做的就是：

• 为iframe添加名称属性（我总是有id和名称相同）
• 在锚点上，您将目标属性值更改为iframe的名称值。

• 所以在这个演示中，{{{}}}}中的部分就是诀窍。添加括号以强调不要将它们包含在要使用的代码中。

  <a href="http://example.com" {{{target="site"}}}>Example.com</a>

  <iframe id="site" {{{name="site"}}} src="/" width="100%" height="100%" frameborder="0"></iframe>

除了这个技巧之外，我还添加了一个函数changeSrc()。通过在文本输入中键入URL来测试它。

注意： Dyn-Web有一个framebuster，所以如果你尝试将它放在iframe中，它应该会将你重定向到该网站。有些网站（如Google和Yahoo）根本不对iframe开放。