Iframe 如何将单亲html中的不同子html与第二个子html链接起来？

首先，我是一名网页编程新手，我似乎没有找到一个类似的问题来解决我试图解决的问题。也许我没有使用正确的术语

我有一个父html文件（House.html），基本上显示了两个iFrame（“房间”和“信息”），见下文

House.html<br>
-iframe "room"<br>
-iframe "info"

iframe "room"<br>
-Room.html<br>
-->link "link_A"<br>
-->link "link_B"<br>

iframe "info"<br>
-A.html (some text)<br>
-B.html (some text)<br>

House.html

-iframe“房间”

-iframe“信息”
iframe“房间”

-Room.html

-->链接“链接A”

-->链接“链接B”

iframe“info”

-A.html（一些文本）

-B.html（一些文本）

在“room”iframe中，我正在加载room.html，其中包含多个链接（link_A和link_B）。单击一个链接（link_a）应该会将“info”iframe更改为显示a.html。同样，点击link_B应该将“info”iframe更改为显示B.html。所有html页面都在同一个域中

我了解如何将子页面链接到父页面，但我正在尝试找出如何在父html页面中的特定iframe中显示不同的html页面，而不是第三个html页面

有人能给我指个答案吗？我是否需要使用House.html中的if（）函数和link_a或link_B中的目标值

在IFRAME中创建文档时，该框架中的任何链接都将自动在同一框架中打开。但是通过链接上的target属性（A元素或AREA元素），您可以决定链接应该打开的位置。 您可以选择使用id属性为iframe指定一个唯一的名称，然后使用id作为目标属性的值将链接指向该帧

对于您的特定示例，它看起来像：

<a href="A.html" target="info">Page A</a>
<a href="B.html" target="info">Page B</a>

---

您可以使用JavaScript更改第二个iframe的src属性。您可以使用jQuery实现这一点——例如，将此代码放入iframe1（未测试）

---

请注意，父页面和帧需要来自同一个域和子域（由于单源策略）。如果不是这样，您可能需要重新加载整个页面，方法是将

target=“\u top”

放在iframe内部的链接中，并更改服务器端的src。

“…该框架中的任何链接都将在同一框架中自动打开…”如果我在room.html文件中，并且它包含代码：

和

，那么house.html如何知道要在框架代码中显示哪个html文件：

我是否需要将room.html中的链接更改为

House.html并不重要-它只是在那里设置两个框架，并用初始页面（room->room.html，info->a.html）加载它们。如果站点中的任何页面具有target=“info”，则它将替换信息框架（当前具有a.html）使用该链接的href值中的任何内容。我认为您希望将room.html中的链接更改为与我在示例中编写的相同。请尝试一下，看看它是否实现了您的目标。

$('a').click( function() { 
  $('#iframe2', window.top.document).attr('src', 'new-src.html'); 
});