Jquery獲取iframe文檔並設置另一個iframe

我試圖創建一些功能，它將獲取和設置iframe的文檔。我一直在使用jquery執行此操作。Jquery獲取iframe文檔並設置另一個iframe

<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的Dir，並用它替換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中導航了一個

來源

2014-03-06 user3032973

你的問題不是很清楚。更具體或創建更新的jsfiddle – SamotnyPocitac

附加說明 – user3032973

有一個question關於jQuery和IFRAME。

如果iframe與主頁位於同一個域，則.contents（）方法可用於獲取iframe的內容文檔。

這應該工作：

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

來源

2014-08-20 16:42:22 Mavlarn

Jquery獲取iframe文檔並設置另一個iframe

回答

相關問題