Question

首先，我是网页编程新手，我似乎没有找到类似的问题来解决我想弄清楚的情况。也许我没有使用正确的术语......

我有一个父html文件（House.html），其中显示了两个iframe（＆＃34; room＆＃34;和＆＃34; info＆＃34;），见下文。

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>

在＆＃34;房间内＃34; iframe我正在加载Room.html，其中包含多个链接（link_A和link_B）。单击链接（link_A）应该更改＆＃34; info＆＃34; iframe显示A.html。再一次，点击link_B应该改变＆＃34; info＆＃34; iframe显示B.html。所有html页面都在同一个域中。

我理解如何将孩子链接到父母，但我想弄清楚如何在第三个html页面的父html页面中的特定iframe中显示不同的html页面。

有人能指出我的答案吗？我是否需要在House.html中使用if（）函数，在link_A或link_B中使用目标值？

Answer 1

来自http://webdesign.about.com/od/iframes/qt/target-links-iframes-and-frames.htm

当您创建一个位于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>

Answer 2

您可以使用JavaScript更改第二个iframe的src属性。你可以用jQuery做到这一点 - 例如将此代码放入iframe1（未经测试）。

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

请注意，父页面和框架需要来自同一个域和子域（由于单一来源策略）。如果不是这种情况，您可能需要重新加载整个页面，方法是将target="_top"放在iframe内的链接中，然后更改服务器端的src。

如何从第二个子html链接单个父html中的不同子html？

2 个答案: