怎么实现这样的页面跳转？ JS和Jquery都可以。

问题：
当点击“ <a href="Monitor/Main_status.aspx"> </a>”超链接时，“iframe”中的页面变为“Monitor/Main_status.aspx”页面。
当点击“ <a href="Monitor/Main_status.aspx"> </a> ”超链接时，“iframe”中的页面变为“Monitor/Main_status.aspx”页面。这样的功能应该怎么实现？ JS和Jqeury都可以啊。最好给点代码实例。

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script>
$(function(){
//如果你给a加了href，那么点击肯定会转向，你可以采用自定义属性，如下
$('.navMark li a' ).click(function(){
$('#content_frame').attr('src',$(this).attr('_href'));

alert($('#content_frame').attr('src'));
});
})
</script>
</head><body>
<div class="nav">
        <ul class="navMark">
<li class="1">  <a _href="Monitor/Main_status.aspx"> 测试1</a>  </li>                <li class="2">   <a _href="Monitor/Main_monitor.aspx"> 测试2</a>   </li>
        </ul>
</div>
    <div class="main">
     <iframe name="content_frame" id="content_frame" class="content_frame"  width="100%" height="100%"       src="Monitor/Main_monitor.aspx"       frameborder="0"></iframe>
    </div></body>
</html>
加个target 。<a href="Monitor/Main_monitor.aspx" target="content_frame"> </a>
<iframe name="content_frame" id="content_frame" class="content_frame"  width="100%" height="100%" src="Monitor/Main_monitor.aspx" frameborder="0"></iframe>
$(function(){
    //如果你给a加了href，那么点击肯定会转向，你可以采用自定义属性，如下
    $('.navMark li a' ).click(function(){
        $('#content_frame').attr('src',$(this).attr('href'));

        alert($('#content_frame').attr('src'));
    });
})
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>

</head><body>
    <div class="nav">
        <ul class="navMark">
        <li class="1">  <a href="javascript:toUrl('http://127.0.0.1/index.html')"> index</a> </li>            <li class="2">   <a href="javascript:toUrl('http://127.0.0.1/test.html')"> test</a> </li>
        </ul>
    </div>
    <div class="main">
       <iframe name="content_frame" id="content_frame" class="content_frame"  width="100%" height="100%"  src="http://127.0.0.1/index.html"       frameborder="0"></iframe>
   </div>
   <script type="text/javascript">
        function toUrl(url){
            document.getElementById('content_frame').setAttribute('src',url);
        }
   </script>
</body>
</html>
++链接target指定再哪里打开窗口即可，也可以为iframe