HTML如何将iframe中的链接定位到另一个iframe答案

【问题标题】：HTML how to target a link in a iframe to another iframeHTML如何将iframe中的链接定位到另一个iframe
【发布时间】：2014-05-30 22:20:00
【问题描述】：

工作代码

假设您有一个包含两个不同 iframe 的页面，其中第一个菜单和所选页面的第二个容器。

如何在单击菜单框架中的链接时显示所选页面的 iframe 容器？

在菜单页面我有这个

...
 </li>
         <li class="title"><a href='javascript:parent.document.getElementById("frame").src = "pages/setting.php"'><?php echo $lang['MENU_IMPOSTAZIONI']; ?></a>
         <img src="images/bullet_arrow_down.png" /></li>
        <li class="sub-menu">
          <ul>
...

在索引中：

...
<iframe id="menufrm" src="menu.php" width="250px" height="700px" frameborder="none"></iframe>
<iframe name="frame" src="" width="99%" height="99%" frameborder="none"></iframe>
 ...

但是这样，当我单击菜单中的按钮时，页面在容器中正确显示，但 menu.php 消失了，并且在其位置出现了一个字符串，其中显示了 iframe 中显示的文档的相对路径。

如何解决？

【问题讨论】：

这能回答你的问题吗？ Change iframe src by clicking a link

标签： javascript html iframe

【解决方案1】：

<iframe src="frame1.html" name="myFrame">
<a href="frame2.html" target="myFrame">

【讨论】：

如果您单击主页中的链接并引用 iframe，这是可行的，但是，当您单击 iframe 中的链接并引用另一个 iframe 时，它不起作用！跨度>
你应该在 iframe 上使用“name”而不是“id”，然后它应该可以在另一个 iframe 上工作。

【解决方案2】：

'最好的解决方案可能是在 <a> 元素上使用目标。
或者，您可以通过这种方式使用 javascript：

<a href="javascript:void(0)" onclick="parent.document.getElementById('frame').src = 'pages/setting.php'">...

【讨论】：

我试过了，但似乎不起作用，当我点击什么也没发生。我不明白错误在哪里......
我更正了示例中的引号。只要所有页面都在同一个域上，这应该可以工作。目标示例仍然是一个更好的示例，我在该答案上添加了评论。
不起作用，在菜单的同一框架中打开setting.php页面，将目标iframe留空