Question

好的问题是，当您点击左侧iframe中的链接时，我希望它在右侧iframe中打开。当您第一次单击左侧边栏中的链接时，这一切都很有效。但是当您在该链接上第二次点击时（在左侧边栏中），它将在新的浏览器选项卡中打开。如何让它在正确的框架中不断打开？

提前致谢， Peacy

的index.html http://pastebin.com/u6DqDA1q

left_frame.html http://pastebin.com/UuZYtdYs

Answer 1

是的，它应该可以正常工作，iframe 1中的链接需要具有等于目标iframe名称的目标。

例如：

iframe 1

<iframe src=""></iframe>

目标iframe

<iframe name="iframe2"></iframe>

Iframe 1的内容

<a href="" target="iframe2">Link opens in iframe 2</a>

同时查看我找到的链接

http://www.trans4mind.com/personal_development/HTMLGuide/iframes3.htm

Answer 2

您是否考虑过使用AJAX来填充另一方的div？这将有助于平台兼容性

<div id="left-side"></div>
<div id="right-side"></div>

left.html

<a onclick="OpenToRightSide('some-url')">some url text</a>

并在主html父文件中

function OpenToRightSide(url)
{
    var xmlhttp;
    if (window.XMLHttpRequest)xmlhttp=new XMLHttpRequest();
    else xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    xmlhttp.open("GET",url,true);
    xmlhttp.send(); 
    xmlhttp.onreadystatechange=function()
    {
        document.getElementById("right-side").innerHTML=xmlhttp.responseText;
    }
}

Answer 3

我得出的结论是，第二次点击链接时它不起作用。我不确定问题是什么，但这里是2个文件的代码，基于user1721135的建议。 http://pastebin.com/B2F2XseH和http://pastebin.com/6nZBXEU1

Html和iFrames

3 个答案: