iframe 根据子页面内容适应高度 jquery

 

主页面：

//注意：下面的代码是放在和iframe同一个页面中调用
$("#iframeId").load(function () {
    var mainheight = $(this).contents().find("body").height() + 30;
    $(this).height(mainheight);
});　　

子页面：

//注意：下面的代码是放在iframe引用的子页面中调用
$(window.parent.document).find("#iframeId").load(function () {
    var main = $(window.parent.document).find("#iframeId");
    var thisheight = $(document).height() + 30;
    main.height(thisheight);
});

 

资料：

http://www.jb51.net/article/89538.htm　　

 

切换内容思路

a标签点击显示对应内容在iframe里