Question

我想访问当前加载的iframe文档并将该文档链接到另一个iframe，为此我试过了：

   $("#if1").attr("src", $("#if2").attr("src"));

但是这会再次加载文档。我想访问#if1中已加载的文档。我怎么能这样做？

Answer 1

$("#if1").attr("src", $("#if2").attr("src"));

但是这会再次加载文档。

呃，是的，那就是你在做什么：你正在将if1的src设置为if2的src。这就是为什么它重新加载iFrame ......如果你在你的代码中交换if1和if2它可能会做你想做的事情 - 如果我能理解你的话。

Answer 2

查看此正在运行的演示：http://jsfiddle.net/aymansafadi/BanTV/5/show/

您可能感兴趣的关键部分是：

$('#swap').on('click', function() {
    var iframe1 = $('#if1')[0].contentWindow.location.href;
    var iframe2 = $('#if2')[0].contentWindow.location.href;

    $('#if1')[0].contentWindow.location.href = iframe2;
    $('#if2')[0].contentWindow.location.href = iframe1;
});

注意：这个以及您尝试的任何其他内容仅在两个iframe与父窗口位于同一域下时才有效。

您还可以使用.src('attr') 设置网址，但不能获取当前网址。
演示：http://jsfiddle.net/aymansafadi/BanTV/7/show/ < / p>

$('#swap').on('click', function() {
    var iframe1 = $('#if1')[0].contentWindow.location.href;
    var iframe2 = $('#if2')[0].contentWindow.location.href;

    $('#if1').attr('src', iframe2);
    $('#if2').attr('src', iframe1);
});

将文档加载到iframe jquery中

2 个答案: