Question

我正在尝试创建一些功能来获取和设置iframe的文档。我用jquery执行此操作并不成功。

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" ></script></head>
<body>
<iframe sandbox="allow-same-origin allow-scripts" id='a' height="700" width="700" src="http://localhost:8181/website"></iframe> 
<iframe sandbox="allow-same-origin allow-scripts" id='b' height="700" width="700" src="http://localhost:8181/website"></iframe> 
</body>
</html>

当页面加载时，我需要在iframe a中导航。在这一点上，我将使用javascript或jquery来获取A的doucment并用它替换B的文档。这甚至可能吗？如果有其他选项，我不一定需要使用iframe。

情景：

1. Page loads, iframe a & b are rendered
2. User navigates inside iframe A to different pages
**below this is functionality I cannot figure out
3. User clicks button to take DOM from iframe a and replace the DOM for Iframe b

这实际上会将iframe b的内容设置为用户在iframe中导航的位置

Answer 1

有一个关于jquery和iframe的question。

如果iframe与主页位于同一个域中，则可以使用.contents（）方法获取iframe的内容文档。

这应该有效：

var theHtmlStringToSet = $('#frameA').contents().find('body').html();
$('#frameB').contents().find('body').html(theHtmlStringToSet);

Jquery获取iframe文档并设置另一个iframe

1 个答案: