在iframe内的新标签/窗口中处理打开

时间:2012-07-22 19:16:28

标签: javascript jquery iframe

我正在使用带有侧边菜单和iframe的简单Web应用程序,并且应用程序中的所有内容都加载到iframe中,但是如果用户在新选项卡/窗口中打开链接,页面将单独打开而没有主页,我是什么想要实现的是当用户在新标签页中打开链接时,带有iframe的主页面会在新页面中加载iframe中的目标网址,那么这样做是否可行? 主页的简单示例:

<html>
<head></head>
<body>
<div class='menu'>
<ul>
<li><a target='con' href='somepage.php'>item 1</a></li>
<li><a target='con' href='otherpage.php'>item 2</li>
</ul>
</div>
<iframe id='con' class='container'></iframe>
</body>
</html>

2 个答案:

答案 0 :(得分:1)

你需要使用一些小的javascript来做到这一点。

试试这个:

<html>
<head></head>
<script>
    function func(linker){
        top.frames['con'].location.href = linker;
    }
</script>
<body>
<div class='menu'>
<ul>
<li><a onclick="func('somepage.php')">item 1</a></li>
<li><a onclick="func('otherpage.php')">item 2</a></li>
</ul>
</div>
<iframe id='con' class='container'></iframe>
</body>
</html>

干杯。

答案 1 :(得分:0)

也试验一下:

function func(linker){
    document.getElementById('iframe').setAttribute('src',''page1.html');
}

HTML在我之前的回答中看起来像。 :)

<li><a onclick="func('somepage.php')">item 1</a></li>