页面中,当我们想用到局部页面刷新,可能就会用到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中经常用到的东西,希望能对大家有所帮助