将文档加载到 iframe jquery 中

Load the document into the iframe jquery

本文关键字：jquery iframe 文档 加载      更新时间：2023-09-26

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

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

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

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

但这会再次加载文档。

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

看看这个正在运行的演示： 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') 来设置 URL，但不能获取当前 URL.
Demo： http://jsfiddle.net/aymansafadi/BanTV/7/show/

$('#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);
});
相关文章：