如何在iframe中将新页面加载到浏览器中？

Question

我在iframe中有一个表单。 当我单击表单上的按钮时，我希望包含外部页面的内容（而不是iframe的内容）被替换为指定的url。

如果表单不在iframe内，则可以使用...

<input type='button' name='Next' value='Next Page'
onclick='window.location.replace("http://www.facebook.com");' />

在iframe中，相同的代码仅替换iframe的内容，而不替换整个包含页面的内容。

如何从iframe内部进行操作？

Answer 1

使用顶部访问父级：

top.location = "http://www.example.com"

Answer 2

window.top.location.href = "http://www.site.com";

如前所述，将重定向父iframe。 要记住的一件事是，网站和iframe中包含的网站都必须位于同一域中才能正常工作，否则您将获得拒绝访问的异常。

因此，如果网站是“ www.site.com”，而iframe是“ iframe.site.com”，则在两个页面中都需要输入：

document.domain = "site.com"

如这里所见