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

时间:2010-12-09 14:41:48

标签: javascript html css iframe

我想做这样的事情

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

B页面在A页面内,我想将所有js,css插入到A页面中,我想将B页面分开,我将其设计为使用iFrame,然后获取b页面动态。但是如果我在B页iframe中使用src,则A页面js,css无法控制它...如何在A页面内准确插入所有B页面代码,但不需要复制和粘贴全部从B页到A页的代码?谢谢。

2 个答案:

答案 0 :(得分:3)

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

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

如果您使用简单的javascript,那么您将在this tutorial找到所需的所有信息。

另一方面,如果您希望使用jQuery,那么它就像:

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

其中myDiv是你的div的ID。

答案 1 :(得分:2)

plot.zoo