動態調整iframe的高度

Question

我有一個包含網站內容的iframe。我希望iframe能夠調整到src內容高度的100％。在JS一個小白的一點 - 這裏就是我的工作：

<iframe id="frame" scrolling="no" frameborder="0" src="http://www.srcwebsite.org"></iframe> 

    <script type="text/javascript"> 
    function resizeIframe() { 
     var height = document.documentElement.clientHeight; 
     height -= document.getElementById('frame').offsetTop; 

     height -= 20; /* whatever you set your body bottom margin/padding to be */ 

     document.getElementById('frame').style.height = height +"px"; 

    }; 
    document.getElementById('frame').onload = resizeIframe; 
    window.onresize = resizeIframe; 
    </script> 

這個偉大的工程，以調整iframe來其頁面的高度，但我想它給它調整到src的高度。 ..

Answer 1

由於Same Origin Policy（協議，域和端口必須匹配），您無法訪問iframe的內容的高度。

您可以設置CORS，請記住它在IE8之前不支持IE。