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

时间:2014-05-30 22:20:00

标签: javascript html iframe

工作代码

假设您有一个页面,其中包含两个不同的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中显示的文档的相对路径。

如何解决?

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

&#39;最佳解决方案可能是在<a>元素上使用目标 或者你可以用这种方式使用javascript:

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