动态调整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不支持它。