如何將文檔內容動態加載到iframe中？

我想作這樣的事情如何將文檔內容動態加載到iframe中？

|--------------------------| 
|    A   | 
|  ____________  | 
|  |   |  | 
|  |   |  | 
|  |  B  |  | 
|  |   |  | 
|  |____________|  | 
|       | 
|__________________________|

在B頁面是一個頁面裏面，我想所有的JS，CSS，插入到一個頁面，我要到B頁面分離，我設計它使用iFrame，並動態獲取b頁面。但是如果我在B頁面的iframe中使用src，A頁面js，css無法控制它......我怎樣才能將所有B頁面代碼完全插入到A頁面裏面，但不需要複製&全部粘貼從B頁面到A頁面的代碼？謝謝。

來源

2010-12-09 Tattat

你能解釋你試圖用IFrame實現的效果嗎？你爲什麼使用IFrame？如果我們瞭解原因，我們可能會提出一個更好的選擇。 – Oded 2010-12-09 14:45:29

您正在使用服務器端編程語言嗎？我相信您可以構建一個簡單的腳本，將您的B頁面的內容動態加載到您的A頁面。 – jwueller 2010-12-09 14:48:50

您可能想看看AJAX解決方案。這樣你可以避免iframe和相關的複雜性。在A頁面上，您可以使用特定的ID創建一個div標籤。然後使用AJAX，您可以將B頁面的內容加載到div標籤中。

加載的HTML可以直接由A頁面上的代碼操縱，因爲它基本上是一個頁面。

如果您使用的是純javascript，那麼您將在this tutorial中找到所需的全部信息。

如果你想使用jQuery另一方面則是簡單：

$('#myDiv').load('B.html');

其中myDiv是你div的ID。

來源

2010-12-09 14:49:34

$('#iframeId').contents().find('html').html(yourContent);

來源

2015-07-27 14:58:32

如何將文檔內容動態加載到iframe中？

回答

相關問題