iframe自动适应高度

js脚本:
function SetWinHeight(obj){
var dzdaiframe=obj;
if (document.getElementById)
{
if (dzdaiframe && !window.opera)
{
if (dzdaiframe.contentDocument && dzdaiframe.contentDocument.body.offsetHeight)
dzdaiframe.height = dzdaiframe.contentDocument.body.offsetHeight;
else if(dzdaiframe.Document && dzdaiframe.Document.body.scrollHeight)
dzdaiframe.height = dzdaiframe.Document.body.scrollHeight;
}
}
}

//下面iframe
<iframe id="dzdaiframe" width="100%" οnlοad="Javascript:SetWinHeight(this)" frameborder="0">
</iframe>

总结:父窗口中操作iframe:$(window.frames["iframeChild"].document) //假如iframe的id为iframeChild

在子窗口中操作父窗口:$(window.parent.document)

接下来就可以继续获取iframe内的dom了。

获取iframe内的dom对象有两种方法

1 $(window.frames["iframeChild"].document).find("#child")

2 $("#child",window.frames["iframeChild"].document)

1.在父窗口中操作 选中IFRAME中的所有单选按钮
$(window.frames["iframeChild"].document).find("input[@type='radio']").attr("checked","true");
2.在IFRAME中操作 选中父窗口中的所有单选按钮
$(window.parent.document).find("input[@type='radio']").attr("checked","true");

遇到的问题,在不同的浏览器,可能会不兼容,或者和浏览器访问权限的问题。
在父页面不能操作iframe的时候,使用子页面操作父页面。
var div1 = $(".search").height();
var div2 = $(".chexing").height();
var IframeHeight = div1 + div2 + 100;
$(window.parent.document).find("#allHeight").height(IframeHeight);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值