???javascript 不刷新改变内容

看看可以不？L@_@K
 <body>
 <table>
    <tr>
        <td valign="top">
            <a href="#" linkUrl="http://www.google.com/">Google</a><br />
            <a href="#" linkUrl="http://www.baidu.com/">百度</a>
        </td>
        <td>
            <iframe id="ifrShow" frameborder="1" scrolling="auto" width="400" height="300" src="http://www.baidu.com/"></iframe></td>
    </tr>
 </table>
 <script type="text/javascript">
 <!--
var colHyperlink = document.getElementsByTagName("a");
for (var i=0; i<colHyperlink.length; i++)
{
    colHyperlink[i].onclick = function ()
    {
        document.all.ifrShow.src = this.linkUrl;
    };
}
 //-->
 </script>
 </body>

解决方案 »

  1.   

    一般把全部 div 都加载到页面上，分别控制其 display 属性 none OR block这种效果随处可见！div 中不能加载页面！
      

  2.   

    总框架
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>框架</title>
    </head><frameset cols="80,*" frameborder="yes" border="1" framespacing="0">
      <frame src="Left.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
      <frame src="Right.html" name="rightFrame" id="rightFrame" title="rightFrame" />
    </frameset><noframes>
    <body>
    </body>
    </noframes></html>左框架
    <!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=gb2312" />
    <title>左</title>
    <script language="javascript" type="text/javascript">
    function h(a)
    {
    window.parent.frames("rightFrame").document.getElementById("hp").innerHTML = a.title;
    }
    </script>
    </head><body>
    <ul>
    <li><a id="a1" href="javascript:" title="HZT" onclick="h(this);">HZT</a></li>
    <li><a id="a2" href="javascript:" title="GCL" onclick="h(this);">GCL</a></li>
    </ul>
    </body>
    </html>右框架
    <!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=gb2312" />
    <title>右</title>
    </head><body>
    <p id="hp">点击左框架链接改变我的值</p>
    </body>
    </html>
      

  3.   

    <script language="javascript" type="text/javascript">
    function h(a)
    {
    window.parent.frames("rightFrame").document.getElementById("hp").innerHTML = a.title;
    }
    </script><a id="a1" href="javascript:" title="HZT" onclick="h(this);">HZT</a>这些才是关键
      

  4.   

    用上面的方法,不是框架也能实现.
    document.getElementById("hp").innerHTML = a.title;