Динамически корректировать высоту iframe - PullRequest
4 голосов
/ 27 сентября 2011

У меня есть iframe, который содержит некоторый контент с сайта.Я хочу, чтобы iframe настроился на 100% высоты содержимого src.Немного нуба в 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 на его странице, но я хочу, чтобы он изменил его размер до высотыЦСИ ...

1 Ответ

3 голосов
/ 27 сентября 2011

Вы не можете получить доступ к высоте содержимого iframe из-за Одинаковой политики происхождения (протокол, домен и порты должны совпадать).

Вы можете настроить CORS , имейте в виду, что он не поддерживается в IE до IE8.

...