iframe 高度自适应

有两种途径来实现此功能,第一种是在 iframe 所在的父页面控制 iframe 的高度,另一种方法是在 iframe 内页里控制 iframe 的高度:

 

第一种方法:

给 iframe 加一个 onload 事件,在此事件中处理 iframe 的高度:

<iframe name="myPage" style="border:0" src="page1.html" onload="setIframeHeight(this)"></iframe>

下面是 JAVASCRIPT 代码:

function  setIframeHeight(iframeObj) {
    
var  iframeWnd  =  window.frames(iframeObj.name);
    
var  iframeBody  =  iframeWnd.document.body;
    iframeObj.height 
=  iframeBody.scrollHeight;

} 

 

 第二种方法,在 iframe 内页里设置 iframe 的高度:

 

window.onload  =   function () {
    
var  iframes  =  parent.document.getElementsByTagName( ' iframe ' );
    
for ( var  i  =   0 ; i  <  iframes.length; i ++ ) {
        
if (iframes[i].name  =  self.name) {
            iframes[i].height 
=  document.body.scrollHeight;
            
break ;
        }
    }

} 

你可能感兴趣的