如何判断子页面iframe的高度

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/mhlghy/article/details/76019730

我们在开发后台系统页面的时候，是否遇到过这样的问题？
一整个页面，左侧为导航栏，右侧是页面主要内容，是用iframe引用的，当我点击左侧的导航链接的时候页面右侧变化，左侧不变，更重要的是，如果右侧的高度不一样，，，这可如何是好，总不能给iframe给一个固定高度吧，
今天我就来带大家解决这个头疼的问题。
1.先要获取需要引用的内容页的高度，并赋值给引用他的页面。——son.html

  function getBodyH(){
     var heightBody = $(document).height();
     if (window.navigator.userAgent.indexOf("MSIE")>=1) {
       heightBody = $(document).height();
     }
        parent.getIfrH(heightBody);
    }

    window.onload = function(){
     getBodyH();
    };
    window.onresize = function(){
     getBodyH();
    };

2.将子页面传过来的高度值赋给iframe ———-parent.html

function getIfrH(height){
    $("#urlIframe").height(height);
}

最最重点来了
运行这段代码，必须是在服务器环境下才有效（包括本地服务器，如xmapp，phpstudy等），
不支持（file:///E:/website/tb/%E5%85%AC%E5%8F%B8%E5%AE%98%E7%BD%91/Turbur-New/product_solution_success.html）这样的路径，切记。。。