javascript 动态改变框架frame,iframe的大小

两个html

1.index.html

< html >

< head >
< meta  name ="GENERATOR"  content ="Microsoft FrontPage 5.0" >
< meta  name ="ProgId"  content ="FrontPage.Editor.Document" >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312" >
< title > 动态改变框架大小 by 闫磊 Email:Landgis@126.com,yanleigis@21cn.com 2007.11.22 </ title >
</ head >


< FRAMESET  name ="full"  rows ="50%,50%" >  
     < FRAME  SRC ="main.htm" >  

     < FRAME  SRC ="main.htm" >  

   </ FRAMESET >  
</ html >

 2.main.h

< HTML >
< TITLE > Form Object example </ TITLE >
< HEAD >
< SCRIPT  LANGUAGE ="JavaScript" > ...
function fttop()...{
if (document.getElementById("yltop").value=="隐藏上部")...{
    document.getElementById("yltop").value="隐藏下部";
    parent.full.rows="0,*";
}
else
    ...{
        document.getElementById("yltop").value="隐藏上部";
    parent.full.rows="*,0";

        }
}
function ftall()
...{
    parent.full.rows="50%,50%";
    }
</ SCRIPT >
</ HEAD >
< BODY >
    < FORM  NAME ="evalform"  METHOD ="get" >
        < input  type ="button"  name ="yltop"  id ="yltop"  onclick ="fttop();"  value ="隐藏上部" >    
        < input  type ="button"  name ="ylall"  id ="ylall"  onclick ="ftall();"  value ="显示全部" >    
     </ FORM >  
</ BODY >
</ HTML >

运行index.html

修改iframe方法如下

< iframe  id ="frame1"  src ="1.htm"  width ="100px"  height ="100px" ></ iframe >
< br >
< input  type ="button"  value ="加宽"  onclick ="addWidth()" >
< input  type ="button"  value ="加高"  onclick ="addHeight()" >
< script  language ="javascript" > ...
function addWidth()
...{
var o=document.getElementById("frame1");
o.width=eval(o.width)+10;
}
function addHeight()
...{
var o=document.getElementById("frame1");
o.height=eval(o.height)+10;
}
</ script >

这里参考:

http://www.yourhand.cn/special/jsjq/i/iframe/iframe3.htm

非常感谢