我們在開發後臺系統頁面的時候，是否遇到過這樣的問題？
一整個頁面，左側為導航欄，右側是頁面主要內容，是用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）這樣的路徑，切記。。。