如何将 iframe 的内容复制到弹出窗口中？

Posted 2023-02-22

【中文标题】如何将 iframe 的内容复制到弹出窗口中？

【英文标题】：How to copy content of iframe into popup window?

【发布时间】：2011-07-26 08:09:23

【问题描述】：

有没有办法将 iframe 的内容复制到 jQuery 的弹出窗口中？

$(popUpWindow.document).append($('#iframe1').contents());
$(popUpWindow.document).append($('#iframe1').contents().find('body').html()); 

它们都不起作用！

谢谢

【问题讨论】：

iFrame 是否指向同一域中的页面？您可能会遇到跨域安全问题。另外，如果你要访问整个页面，popup.location = iframe.location 有什么问题？

@Bard ...事实上，iFrame 并没有指向任何外部页面，它只是一个隐藏的 iFrame，我们通常在其中存储一个 html 页面。

您可能会在 copying the dom to a new window 上找到此答案有帮助。

@Nicholas ...事实上，我的麻烦是从 iFrame 获取内容

将 html 内容放在隐藏的 中而不是 iframe 中可能更容易。

【参考方案1】：

如果你需要做的只是获取 iframe 内容，你可以尝试比 jquery 更底层的东西：raw javascript！

var getIframeContent = function (id) 
    var iframe = document.getElementById(id);
    return iframe.contentWindow.document.body.innerHTML;

但我想在 JQuery 的底层也会发生类似的事情。

【参考方案2】：

请说明您使用的是哪个弹出窗口以及内容是什么意思。

jquery-ui 弹出（对话框）示例

HTML：

<div id="myDialog" >
  <p>default dialog</p>
</div>

jQuery:

$(function() 
    $( "#myDialog" ).dialog();
    $( "#myDialog p" ).html($("iframe").contents().find("body").html());
);