如何将文档内容动态加载到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中？

回答

相关问题