动态切换iframe内容

一个页面，两个标签，点击切换，动态改变iframe内的内容，实际就是改变url,怎么写

解决方案 »

  1.   


    document.getElementById("myIFRAME").src=""点击标签触发  改变iframe的src
      

  2.   

    <iframe name=Awindow.frames["A"].location.href="xxx.aspx"
      

  3.   

    target
    。<head runat="server">
        <title>无标题页</title>
        <frameset   cols="165,*,8" frameborder="no" border="0" framespacing="0">   
          <frame   name="left"   target="left"   src="left.aspx" frameborder="no" scrolling="No" noresize="noresize" border="0" framespacing="0"  >  
          <frame   name="main"   src="index.aspx" target="main"> 
           <frame   name="right"   target="right"   src="right.aspx" frameborder="no" scrolling="No" noresize="noresize" border="0" framespacing="0"  >     
          <noframes>   
          
          </noframes>   
      </frameset>   
    </head>
    导航的时候加入target="main"
    如
    <a href="xxxx.aspx" target="main">TEST</a>
      

  4.   

    <script type="text/javascript" language="javascript">
        function ChangeChannel(orderid){
           var iframesrc= document.getElementById("iframe1").src;
           if(orderid ==1)
           {
             iframesrc="http://www.baidu.com";
           }
           else if(orderid ==2)
           {
             iframesrc="http://www.google.com";
           }
           
            
        }
    </script>
    <body>
        <form id="form1" runat="server">
       <table width="400" border="0" cellspacing="0" cellpadding="0">
            <tr>
            <td width="11"><img src="Images/tab_bg_left.gif" width="11" height="31" /></td>
            
            <td width="389" background="Images/tab_bg.gif">
            <a class="TechTabComm" id="Channel13" onclick="ChangeChannel(1);">tab1</a>
            <a class="TechTabComm" id="Channel14" onclick="ChangeChannel(2);">tab2</a>
            
            </td>
            <td width="10"><img src="Images/tab_bg_right.gif" width="10" height="31" /></td>
            </tr>
        </table>
        <iframe id="iframe1" style="width:388px;height:260px" src="http://www.baidu.com" frameborder="no" border="0" framespacing="0">   
        </iframe>
        </form>
    </body>这个怎么不行？
      

  5.   

    var iframe= document.getElementById("iframe1").src;改为
    var iframe= document.getElementById("iframe1")调用的时候用 
    iframe.src="http://www.google.com"
      

  6.   


    iframe 里面的内容没动态改变
      

  7.   

    给iframe的指定一个name属性
    链接<a target="iframe的name属性">
      

  8.   

      function ChangeChannel(orderid){
      if(orderid ==1)
      {
      document.getElementById("iframe1").src="http://www.baidu.com";
      }
      else if(orderid ==2)
      {
      document.getElementById("iframe1").src="http://www.google.com";
      }
      

  9.   


      function ChangeChannel(orderid){
      var iframesrc= document.getElementById("iframe1").src;
      if(orderid ==1)
      {
      document.getElementById("iframe1").src="http://www.baidu.com";
      }
      else if(orderid ==2)
      {
      document.getElementById("iframe1").src="http://www.google.com";
      }
    //或者
      function ChangeChannel(orderid){
      var iframesrc= document.getElementById("iframe1");
      if(orderid ==1)
      {
      iframesrc.src="http://www.baidu.com";
      }
      else if(orderid ==2)
      {
      iframesrc.src="http://www.google.com";
      }
    你那样直接获取了iframe的src属性  
    要先获取iframe这个对象 再修改它的属性
      

  10.   


    <script type="text/javascript" language="javascript">
      function ChangeChannel(orderid){
      //var iframesrc= document.getElementById("iframe1").src;
      if(orderid ==1)
      {
      document.getElementById("iframe1").src="http://www.baidu.com";
      }
      else if(orderid ==2)
      {
      document.getElementById("iframe1").src="http://www.google.com";
      }
        
        
      }
    </script>
    <form id="form1" runat="server">
      <table width="400" border="1" cellspacing="0" cellpadding="0">
      <tr>
      <td width="11"><img src="Images/tab_bg_left.gif" width="11" height="31" /></td>
        
      <td width="389" >
      <a href="javascript:void(0);" class="TechTabComm" id="Channel13" onclick="ChangeChannel(1);">tab1</a>
      <a href="javascript:void(0);" class="TechTabComm" id="Channel14" onclick="ChangeChannel(2);">tab2</a>
        
      </td>
      <td width="10"></td>
      </tr>
      </table>
      <iframe id="iframe1" style="width:388px;height:260px" src="http://www.baidu.com" frameborder="no" border="0" framespacing="0">   
      </iframe>
      </form>ff测试没问题
      

  11.   

    js 脚本
    首先读取到要改变的对象 也就是IFRAME的对象
    document.getElementId("iframe的ID").src=“要改变的URL”；
      

  12.   


    顶，不需要用 javascript
      

  13.   

    其中一个frame 的A标签<a target="另一个frame的name" href="test.aspx"></a>
      

  14.   

    你可以把你要写的东西写的详细些吗？我依然没有明白你的需求，既然是改变URL，楼上有好多办法都可以的
      

  15.   

    window.frames["if"].location.href
    FF里可以正常显示，IE里面提示没有权限，拒绝访问。
    试试把iframe也态加进去看看。不要去访问它的src
      

  16.   

    在要改变的框架指定页面中，用js动态生成重定向语句，输出到网页就ok了。data = "<meta  http-equiv='Refresh' content='0; url="+echo+"'/>";
    document.write(data);上面的echo就是你要重定向的url了