点击a链接改变iframe src

页面分左右两侧，左侧全是a链接，右边想要做一个iframe，但怎么才能在点击a链接时让iframe里显示所需的页面呢？

解决方案 »

  1.   


    <a href="subject.php" target="mainFrame">科目</a>
    subject.php是要跳转的页面，mainFrame是iframe的name
      

  2.   

    框架中给Iframe名字假设为Iframe1左边的链接这样写
    <a href="" target="Iframe1"></a>
      

  3.   


    <!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>
    function change_src(obj){
    var url = obj.name;
    document.getElementById("right").src = url;
    }
    </script>
    </head><body>
    <div id="left">
         <a href="#" name="http://www.g.cn" onclick="change_src(this)">谷歌</a>
         <a href="#" name="http://www.baidu.com" onclick="change_src(this)">百度</a>
         <a href="#" name="http://www.qq.com" onclick="change_src(this)">腾讯</a>
    </div>
    <iframe id="right" style="float:right; width:500px; height:300px;"></iframe>
    </body>
    </html>