iframe页面嵌套高度自适应
开发中使用iframe页面进行父子级嵌套时,iframe页面高度需要动态获取设置。
在子页面即iframe页面使用该方法设置页面的高度即可
// 仅设置一个iframe页面高度
function setIframeHeight() {
var main = $(window.parent.document).find("iframe");
var thisHeight = $("#thisPage").height(); //获取iframe页面高度
main.height((thisHeight==0?1200:thisHeight)+60);
}
// 设置被遍历的多个iframe页面高度
// index为父级页面便利iframe页面时,父页面传过来每个iframe所对应的下标,也可用其他唯一标识代替
function setIframeHeight(index) {
var main = $(window.parent.document).find("#iframe"+index);
var thisHeight = $("#thisPage").height(); //获取iframe页面高度
main.height((thisHeight==0?1200:thisHeight)+60);
}