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

Question

我想做这样的事情

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

B页面在A页面里面，想把所有的js，css插入到A页面，又想把B页面分开，设计成用一个iFrame，得到b动态页面。但是如果我在B页的iframe中使用src，A页的js、css就没法控制了。。。如何把B页的代码准确的插入到A页的里面，又不需要copy&paste所有的代码从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。