动态改变IFRAME的指向和高度

在父窗口中动态改变iframe的高度和指向

<div style="height:236px;width:100%;position:absolute;top:9px;left:10;z-index:999">
<iframe id="tt" frameborder=0 style="height:100%;width:100%"  src="http://www.baidu.com" ></iframe></div>
<script language="javascript">
var iframes=document.getElementsByTagName("iframe");
//alert(iframes.length+1);
for(var i=0;i<(iframes.length+1);i++)
{
 if(iframes[i].id="tt")
 {
  //alert("发现");
  //iframes[i].src="http://www.hao123.com";//改变src的指向
  //iframes[i].frameborder=100;
  //iframes[i].style.backgroundColor="#FF0000"
  iframes[i].style.height="0%" //动态改变iframe的高度
 }
 
}
</script>

 

在iframe中动态改变自身的高度可以用下面的脚本

<script language="javascript">
//parent.myH2.innerText="脚本启动成功"
var iframes=parent.document.getElementsByTagName("iframe");
//alert(iframes.length);
for(var i=0;i<(iframes.length+1);i++)
{
 if(iframes[i].id="tt")
 {
  //alert("发现");
  iframes[i].src="http://www.hao123.com";//改变src的指向
  //iframes[i].frameborder=100;
  iframes[i].style.backgroundColor="#FF0000"
  iframes[i].style.height="40%" //动态改变iframe的高度
 }
}
</script>