在父窗口中动态改变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>
