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

我想做这样的东西

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

B页面在A页面里面，我想把所有的js、css都插入到A页面中，我想把B页面分开，我设计它使用一个iFrame，动态获取b页面。但是如果我在B页面iframe中使用src，A页面js，css就无法控制它...如何才能将所有B页面代码准确地插入A页面内，但不需要复制粘贴所有代码从B页到A页？谢谢。

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

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

如果您使用纯 JavaScript，那么您将在以下位置找到所需的所有信息本教程.

另一方面，如果您希望使用 jQuery，那么它很简单：

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

其中 myDiv 是您的 div 的 ID。