用iframe 自动适应高度

很多做网站的人都用过IFrame,也常希望能让IFrame自动改变大小,以美化全局效果。以下是两种方法
方法一:(较通用)
< script  language ="Javascript" >
var  getFFVersion = navigator.userAgent.substring(navigator.userAgent.indexOf( " Firefox " )).split( " / " )[ 1 ]
// extra height in px to add to iframe in FireFox 1.0+ browsers
var  FFextraHeight = getFFVersion >= 0.1 ?   16  :  0  

function  dyniframesize(iframename) {
  
var  pTar  =   null ;
  
if  (document.getElementById){
    pTar 
=  document.getElementById(iframename);
  }
  
else {
    eval('pTar 
=  '  +  iframename  +  ';');
  }
  
if  (pTar  &&   ! window.opera){
    
// begin resizing iframe
    pTar.style.display = " block "
    
    
if  (pTar.contentDocument  &&  pTar.contentDocument.body.offsetHeight){
      
// ns6 syntax
      pTar.height  =  pTar.contentDocument.body.offsetHeight + FFextraHeight; 
    }
    
else   if  (pTar.Document  &&  pTar.Document.body.scrollHeight){
      
// ie5+ syntax
      pTar.height  =  pTar.Document.body.scrollHeight;
    }
  }
}
</ script >
 
< iframe  id ="myTestFrameID"  
onload
="javascript:{dyniframesize('myTestFrameID');}"  
marginwidth
=0  marginheight =0  frameborder =0 
scrolling =no  src ="/myiframesrc.php"  
width
=200  height =100 ></ iframe >
方法二:(较简便)
< IFRAME  id =headlogin  marginWidth =0   marginHeight =0  src ="xxx"  frameBorder =0  width =100%  scrolling =no  height =25  onload ="this.height=this.contentWindow.document.body.scrollHeight" ></ IFRAME >

你可能感兴趣的:(iframe)