iframe父子页面相互调用及子页面自适应

页面中,当我们想用到局部页面刷新,可能就会用到iframe(博主是因为需要局部刷新分页)。因此,谈谈自己的一些经验。
假设你的iframe是:

<iframe src="" id="iframeDiv"></iframe>

1、改变iframe的src:

$("#iframeDiv").attr("src","你的url");

2、父页面获取子页面中的元素:
假设你需要获取子页面中一个name为”check”的元素

$("#iframeDiv").contents().find("[name='check']");

3、子页面获取父页面中的元素:
假设你需要获取父页面中一个id为”searchDiv”的元素

parent.$("#searchDiv");

4、当子页面加载完成后,修改父页面中iframe的高度,这样可以使得页面自适应(主要比较美观):
在你的子页面中写:

$(function(){
        //使父页面iframe的高度自适应
        parent.$("#iframeDiv").height($(document).height());
});

以上就是博主在使用iframe中经常用到的东西,希望能对大家有所帮助

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值