异步操作执行后子页面重新修改父页面iframe高度

Posted jhycwnqry

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了异步操作执行后子页面重新修改父页面iframe高度相关的知识,希望对你有一定的参考价值。

子页面加入ajax全局方法:

<script language="javascript" type="text/javascript">
        $(document).ready(function () {//异步请求加载完成
            $.ajaxSetup({
                \'complete\': function () {
                    //修改iframe高度
                    reSizeParentIframe();
                }
            });
        });        
    </script>

修改iframe高度:

//子页面重新修改父页面iframe高度
function reSizeParentIframe() {
    var realHeight = 0;
    if (navigator.userAgent.indexOf("Firefox") > 0 || navigator.userAgent.indexOf("Mozilla") > 0 || navigator.userAgent.indexOf("Safari") > 0 || navigator.userAgent.indexOf("Chrome") > 0) { // Mozilla, Safari,Chrome, ...  
        realHeight = window.document.documentElement.offsetHeight + 35; 
    } else if (navigator.userAgent.indexOf("MSIE") > 0) { // IE  
        var bodyScrollHeight = window.document.body.scrollHeight + 21; //取得body的scrollHeight  
        var elementScrollHeight = window.document.documentElement.scrollHeight + 1; //取得documentElement的scrollHeight  
        realHeight = Math.max(bodyScrollHeight, elementScrollHeight); //取当中比较大的一个  
    } else {//其他浏览器  
        realHeight = window.document.body.scrollHeight + window.document.body.clientHeight + 1;
    }
    if (realHeight < 400) {
        realHeight = 400;
    }
    if ($("#ifm", window.parent.document).is("iframe")) {
        $("#ifm", window.parent.document).height(realHeight);
    }
}

 参考:http://www.cnblogs.com/shenyixin/archive/2013/03/05/2943892.html

以上是关于异步操作执行后子页面重新修改父页面iframe高度的主要内容,如果未能解决你的问题,请参考以下文章

怎样在父页面里获取加载(iframe)另一个网页的高度(父页面获取iframe里面加载页面的高度)

iframe父页面获取子页面的高度

将iframe的内容高度赋值给iframe本身高度,并隐藏iframe里面的垂直滚动条,使iframe和父页面看成是一个整体页面

iframe如何自适应高度,父页面嵌入子页面

iframe如何自适应高度,父页面嵌入子页面

如何重新刷新iframe层不刷新父页面