码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-06-04 20:55:19      阅读:264      评论:0      收藏:0      [点我收藏+]

标签:

子页面加入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高度

标签:

原文地址:http://www.cnblogs.com/zhang-2052975439/p/5559435.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!