iFrame怎么用？

我想实现类似csdn论坛的这种呈现方式
左边为导航
右边为内容
点击左边导航 刷新右边内容，想用iframe来实现
但没怎么用过
求高手写个简单的demo

解决方案 »

  1.   

    <html>
    <head>
        <title></title>
        </head>
    <frameset cols="210,*" id="fraContent">
    <frame noresize name="left" src="left.html" />
    <frame noresize name="right" src="right.html" />
    </frameset>
    </html>
    这种东西只要介绍html的数都要，还得系统的看书
      

  2.   

    使用框架页
    点击左边的超链接 用target指向框架页中右边窗体的name属性<frame noresize name="right" src="right.html" />
    <a href="www.baidu.com" target="right"/>
      

  3.   

    iframe 相对frameset  比较灵活。可以直接放在table 或 div中<html>
      <head>  </head>
      
      <body>
       <table>
       <tr>
         <td width="30%"><iframe name="left" src="left.jsp" ></iframe></td>
         <td><iframe name = "right" src = "right.jsp"></iframe></td>
         </tr>
        </table>
      </body>
    </html>
    要页面在哪个框架中跳转的话。在超链接<a target = "right" href = "xxxx"> 就是在框架名为right的框架中进行页面跳转。不写在本身的框架中跳转
      

  4.   

    应该说iframe可以在任何地方放入其他页面
      

  5.   

    那我如果要给iframe里面穿个值呢
    比如我左边的导航列点击 汽车  给iframe里面传“汽车” 就从数据库里面 查询出相关汽车的信息 在右边 iframe内容页里面显示出来
      

  6.   

    <html>
       <body>
          <div id="tabs-r">
    <div class="tabsList-r">
    <h3>导航栏</h3>
    <ul>
        <li><a href="a.html">子栏目1</a></li>
                        <li><a href="b.html">子栏目2</a></li>
                        <li><a href="b.html">子栏目3</a></li>
     </ul>
           <div id="tabs-r-1"  class="tabs-panel">
    <IFRAME id="frame" src="主显示区.html" scrolling="no"></IFRAME>
     </div>
          </div>
        <div>
       </body>
    </html>
      

  7.   


      <html>
       <body>
          <div id="tabs-r">
    <div class="tabsList-r">
    <h3>导航栏</h3>
    <ul>
        <li><a href="a.html">子栏目1</a></li>
                        <li><a href="b.html">子栏目2</a></li>
                        <li><a href="b.html">子栏目3</a></li>
     </ul>
           <div id="tabs-r-1"  class="tabs-panel">
    <IFRAME id="frame" src="主显示区.html" scrolling="no"></IFRAME>
     </div>
          </div>
        <div>
       </body>
    </html>
      

  8.   

    怎么在内容页里面接收？
    request.getParameters  ？？
      

  9.   


    <iframe width="100%" height="135" frameborder="0" id="show" name="show" 
            src="www.hao123.com"  style="frameborder:0" align="left"></iframe>
      

  10.   

    iframe是浮动框架frame是框架个人感觉差不多iframe比较灵活frame只能在frameset中
      

  11.   

    首页index.html
    <html>
    <frameset cols="20%,*"> 
    <frame name="frame" src="frame1.html"> 
    <frame name="main" src="main.html"> 
    </frameset> 
    </html>将屏幕分为2部分
    左部分frame1.html
    <html>
    <table>
    <tr><td><a href = "java.html" target="main">java study</a></td></tr>
    <tr><td><a href = "c.html" target="main">c study</a></td></tr>
    </table>
    </html>
    右部分main.html，为默认欢迎页面
    <html>
    <table>
    <tr><td>welcom to study !</td></tr>
    </table>
    </html>运行效果，点击左部分的2个栏目，右部分内容随之变化
      

  12.   

    高度怎么控制 
    我是放在table里面的
    我想使得外面的table的高度随里面的iframe变化而变化
      

  13.   

    为便于演示，新增indexlis.html文件，代码如下：
    <SCRIPT LANGUAGE="JavaScript">function f_frameStyleResize(targObj){ var targWin = targObj.parent.document.all[targObj.name];

    if(targWin != null) {
      var HeightValue = targObj.document.body.scrollHeight
      if(HeightValue < 600){HeightValue = 600}
      targWin.style.pixelHeight = HeightValue;
    }

    }function f_iframeResize(){
    bLoadComplete = true; f_frameStyleResize(iframe);
    }var bLoadComplete = false;window.onload = f_iframeResize;</SCRIPT>
    <html>
    <table style="background-color:red" style="width:400px">
    <tr>
    <td>上导航</td>
    </tr>
    <tr>
    <td valign="top"><iframe name = "iframe" src = "index.html"></iframe></td>
    </tr>
    <tr>
    <td>下导航</td>
    </tr>
    </table>
    </html>
      

  14.   

    http://blog.csdn.net/meizz/archive/2006/03/27/639857.aspx