iframe自适应高度

iframe 嵌入子页面后, 根据子页面的动态变化的内容;

写在父页面,ifream 同一层

<%--iframe 自适应代码 --%>
$(window.parent.document).find("#fxxx").load(function () {
    var main = $(window.parent.document).find("#fxxx");
    var thisheight = $(document).height();
    main.height(thisheight);
});

写在子页面 ,

biankuang_noborder : 为ifream 内  内容的高度(
  <div class="biankuang_noborder">... </div> ) 

<script type="text/javascript">
    //注意：下面的代码是放在iframe引用的子页面中调用
    $(window.parent.document).find("#bgxx").load(function () {
        var main = $(window.parent.document).find("#bgxx");
        var thisheight = $(document).height();
        var biankuang_noborder = $(".biankuang_noborder").height()+60;
        main.height(biankuang_noborder);
    });
</script>

参考博客地址: http://www.jb51.net/article/89538.htm