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中经常用到的东西，希望能对大家有所帮助