iframe 自适应高度

[color=red][b]方法一[/b][/color] [size=large]在父页面写入js方法setHeight,iframe加载子页面时,子页面加载父页面方法setHeight.[color=red]self.parent.setHeight();[/color][/size]
]

function setHeight(){
var mainObj = document.getElementById("main");
var d_height=mainObj.contentDocument.body.clientHeight;
if(d_height<230){
d_height=230;
}
mainObj.height=d_height+"px";
}



[color=red][b]方法二[/b][/color] [size=large] 父页面写入js方法SetCwinHeight,在iframe中使用onload属性加载方法SetCwinHeight. ([color=red]οnlοad="SetCwinHeight(this)"[/color])[/size]。

function SetCwinHeight(obj)
{
var cwin=obj;
if (document.getElementById)
{
if (cwin && !window.opera)
{
if (cwin.contentDocument && cwin.contentDocument.body.offsetHeight)
cwin.height = cwin.contentDocument.body.offsetHeight + 20; //FF NS
else if(cwin.Document && cwin.Document.body.scrollHeight)
cwin.height = cwin.Document.body.scrollHeight + 10;//IE
}
else
{
if(cwin.contentWindow.document && cwin.contentWindow.document.body.scrollHeight)
cwin.height = cwin.contentWindow.document.body.scrollHeight;//Opera
}
}

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值