完美iframe自适应宽度和高度(支持ie,ff)

在ie下能实现的功能,对照着FF下的方法与属性修改就行了。今天终于把这个问题彻底解决了,记录一下。
感谢http://www.cnblogs.com/Cheese_Ren/

js代码如下:

代码
//iframe高度自适应
function IFrameReSize(iframename) {  
    
var pTar = document.getElementById(iframename);  
    
if (pTar) {  //ff
        if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight) {  
            pTar.height 
= pTar.contentDocument.body.offsetHeight;  
        } 
//ie
        else if (pTar.Document && pTar.Document.body.scrollHeight) {  
            pTar.height 
= pTar.Document.body.scrollHeight;  
        }  
   }  

//iframe宽度自适应
function IFrameReSizeWidth(iframename) {  
    
var pTar = document.getElementById(iframename);  
    
if (pTar) {  //ff
        if (pTar.contentDocument && pTar.contentDocument.body.offsetWidth) {  
            pTar.width 
= pTar.contentDocument.body.offsetWidth;  
        }  
//ie
        else if (pTar.Document && pTar.Document.body.scrollWidth) {  
            pTar.width 
= pTar.Document.body.scrollWidth;  
        }  
   }  

 

使用方法如下:

<iframe src="Main.aspx" scrolling="no" frameborder="0" height="100%" id="mainFrame" width="100%" onload='IFrameReSize("mainFrame");IFrameReSizeWidth("mainFrame");'></iframe>

 

参考:
http://www.cnblogs.com/greatverve/archive/2009/12/17/1626109.html 

posted @ 2009-12-18 11:30  大气象  阅读(1106)  评论(3编辑  收藏  举报
http://www.tianqiweiqi.com