求助一个简单问题~

html页面分为左右两部分
左边是列表
右边是显示相应列表的具体内容点击左边的列表中不同链接后，右边会显示对应的html页面的内容

解决方案 »

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

a标签有个target属性，在这里写右边框架的name，就可以了
这个框架是什么？ iframe么？
<html>
<head>
    <title>CSDN 社区中心</title>
    <meta name="designer" content="CSDN.NET" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<frameset id="sidebar_content" cols="225, *" frameborder="1" border="6" framespacing="5" bordercolor="#A1C7F9">
    <frame name="NavigetionFrame" src="/WebNavigation/Navigation.aspx" scrolling="no" frameborder="1" />
    <frame name="ContentFrame" src="/HomePage.aspx" frameborder="0" /></frameset>
</html>frameset   或 iframe     include 也可以
正好我这有刚学frame的时候代码恭喜啦
主页中的frame <frameset cols="150,*" frameborder="no" border="0" framespacing="0">
    <frame src="/news/login/frame_left.jsp" name="leftFrame" scrolling="no" noresize="noresize" id="leftFrame" title="leftFrame" />
    <frame src="/news/login/self_alter.jsp" name="mainFrame" scrolling="no" id="mainFrame" title="mainFrame" />
  </frameset>
左边页面frame_left.jsp<body>
<table width="150" height="100%" border="0" cellspacing="1" cellpadding="0" class="show_table_line">
  <tr>
    <td height="29"  style="background:url(../images/frame_left_bg_1.gif)"><span style="padding-left:20px; font-size:14px; font-weight:bold"> 个人信息管理</span></td>
  </tr>
  <tr>
    <td height="7"  style="background:url(../images/frame_left_bg_2.gif)"></td>
  </tr>
  <tr>
    <td height="29" class="td"><span style="padding-left:20px;font-size:12px;"><a href="/news/login/self_alter.jsp" target="mainFrame">个人信息维护</a></span></td>
  </tr>
  <tr>
    <td height="29" class="td" ><span style="padding-left:20px;font-size:12px;"><a href="/news/login/reset_password.jsp" target="mainFrame">密码重置</a></span></td>
  </tr>
</body>
你把路径改下，就好了
完全可以用div来搞定，iframe不太好控制，慢慢的在淘汰中，原理差不多，都是规定范围大小加载数据
左边点击链接，右边固定div或者iframe加载相应的内容
iframe或frameset里的frame都有这个name属性，写在你的target里就可以了
<Html>
  <head>
     <style>
         #divLeft{
           width:25%;
           float:left;
           border:1px inset #000
         }
         #divMain{
           width:70%;
           float:left;

         }
     </style>
     <script>
       function   showYouWant(obj){
            //处理自己的代码
            document.getElementById("divMain").innerHTML = obj.innerText;
        }
     </script>
  </head>
  <body>
    <div id="divLeft">
         <a href="javascript:showYouWant(this)">链接1</a>
         <a href="javascript:showYouWant(this)">链接1</a>
         <a href="javascript:showYouWant(this)">链接1</a>
         <a href="javascript:showYouWant(this)">链接1</a>
     </div>
    <div id="divMain"></div>
  </body>
</html>
<TABLE border="1" width="600">
<TR>
<TD id="a1" onmouseover="lai(this)">1</TD>
<TD id="a2" onmouseover="lai(this)">2</TD>
<TD id="a3" onmouseover="lai(this)">3</TD>
</TR>
<TR id="b1">
<TD colspan="3">金</TD>
</TR>
<TR id="b2"style="display:none">
<TD colspan="3">银</TD>
</TR>
<TR id="b3"style="display:none">
<TD colspan="3">铜</TD>
</TR>
</TABLE>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
为了使点击链接后，左侧列表不刷新（不需重新加载，以提高效率），可以使用以下方法：
1.框架，frameset,iframe都行。此方法楼上已有回答。
2.div+ajax,使用jquery类库可以很方便的实现ajax。
<a href="javascript:showYouWant(this)">链接1</a>
这句不太理解。。具体的连接写在哪？
<a href="javascript:showYouWant(this)">链接1</a>比如我要显示home.htm
我写了这么一句 <a href="javascript:showYouWant(this)">home</a>
可是出来结果是 undefined 怎么回事？
方法二能详细的说说么？我还没用过ajax~~~
  用JS做层的隐藏与显示  display属性
传错对象了
先看看ajax或框架吧
<Html>
  <head>
     <style>
         #divLeft{
           width:25%;
           float:left;
           border:1px inset #000
         }
         #divMain{
           width:70%;
           float:left;

         }
     </style>
     <script>
       function   showYouWant(obj){
            //处理自己的代码
            document.getElementById("divMain").innerHTML = obj;
        }
     </script>
  </head>
  <body>
    <div id="divLeft">
         <a href="javascript:showYouWant('第一个')">链接1</a><br />
         <a href="javascript:showYouWant('第二个')">链接2</a><br />
         <a href="javascript:showYouWant('第三个')">链接3</a><br />
         <a href="javascript:showYouWant('第四个')">链接4</a>
     </div>
    <div id="divMain"></div>
  </body>
</html>
左侧的是列表这个用个table或者树都挺好，右侧就可以div来显示数据