用隐藏框架实现框架之间数据传递

来源:互联网 发布:中国金融数据 编辑:程序博客网 时间:2024/05/29 13:50

主窗体: main.htm  

<html>
 <frameset name="first" rows="90%,10%">
 <frame src="upper.htm" name="upper"/>
 <frame src="lower.htm" name="lower"/>
 </frameset>
</html>

上面的页面:

<html>
<head>
  <script language="javascript">
  <!--
    function resizeFrame()
   
    {
     parent.document.body.rows="100%,*";
    }
  
   function change()
   {
     parent.frames.lower.location.href="lower.htm?type="+document.all.select.value;

   }
   -->
  </script>
</head>
<body onload="resizeFrame()" >
<form>
  客户:<input type="text"/><br/>
  地址:<input type="text"/><br/>
  人物:<input type="text"/><br/>
 <select id="select" onchange="change();" name="select" style="width:80px">
  <option vaue="default" selected> 请选择类型</option>
 <option value="small">小型</option>
 <option value="big" >大型</option>

 </select>
 
 <div id="detail" name="detail"></div>

 <script language="javascript">
   function initialBody(style)
   {
     for(var i=0;i<document.forms[0].elements.length;i++)
     {
       if(document.forms[0].elements[i].type=="text")
       {
          for(var p in style)
           {
              document.forms[0].element[i].style[p]=style[p];
           }
       }
     }
   }
   var style={

    color:"#ff0000",
    borderwidth:"2px",

    width:"30px",
    backgroupcolor:"#210987"
   }

initialBody(style);
   -->
  </script>
</form>
</body>
</html>

 

下页的页面:

<html>
 <head>
   <script language='javascript'>
    <!--
    var str="";
     if (self.location.search.indexOf("small")>-1)
{
    str+="<select id='detail2' size='10' name='detail2'><option value='aa2'>1-100</option></select>";
   
}
 else  if(self.location.search.indexOf("big")>-1)
  {
   str+="<select id ='detail1' size='10' name='detail1'><option value='aa1'>500-1000</option></select>";
  }
 
  parent.upper.document.all.detail.innerHTML=str;
    -->
   </script>
  </head>
<body>
 <form>
   this is test page;
 </form>
</body>
</html>

原创粉丝点击