如何将文档内容动态加载到iframe中？

Question

我想做这样的东西

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

B页面在A页面内，我想将所有的js，css插入到A页面中，我想分离B页面，我设计它使用iFrame，并动态获取b页面。但是如果我在B页面iframe中使用src，那么A页面js，css就不能控制它……如何准确地将所有B页面代码插入到A页面中，而不需要将所有代码从B页面复制粘贴到A页面？谢谢。

Answer 1

您可能想看看AJAX解决方案。这样就避免了iframe和相关的复杂性。在A页面上，您可以创建具有特定id的div标记。然后，可以使用AJAX将B页面的内容加载到div标记中。

加载的HTML可以直接由A页面上的代码操作，因为它本质上是一个页面。

如果你使用的是纯javascript，那么你可以在this tutorial中找到你需要的所有信息。

另一方面，如果您希望使用jQuery，那么它就像下面这样简单：

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

其中myDiv是您的div的ID。

Answer 2

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