在另一个iframe中定位iframe

Question

我在第一页上有一个链接（我们称之为index.php）。我正在使用javascript尝试重新加载另一个iframe中的iframe。

我试过......

$("#link1").click(function() {
  document.getElementById('iframe2').src = 'thepage.php';
});

但这只是在页面中查找链接所在的iframe。我正在尝试创建它，以便它查找父页面内的第二个iframe的iframe。我该怎么做呢？它甚至可能吗？

Answer 1

您可以使用window.parent从iframe中访问父文档，使用window.top访问最顶层的父文档。

一旦您有权访问父级，您就可以从那里访问另一个iframe。

示例：

$('#link1').click(function(){
     $('#iframe2', window.parent.document).attr('src','thepage2.php');
});

这应该在包含link1元素的文档的父文档中搜索iframe2元素并更改它的src属性。

注意：这仅适用于所有iframe指向同一个域（全部在您的控制之下）的情况。否则，您违反了跨站点脚本策略。

Answer 2

你不能做你想做的事情，iframes只是干脆不这样做。他们将文件嵌入您的文件中;他们不会把它们作为你文件的一部分。

您必须将脚本放在第一个iframe中的页面上。如果您无法访问该文档，那么您无能为力。