Код для увеличения высоты iframe не работает в Google Chrome

Question

Код для увеличения высоты iframe не работает в Google Chrome

0

Я использовал следующий код для увеличения высоты iframe. Этот код отлично работает в Mozilla и IE, но не в Google Chrome.

<script type="text/javascript">
function calcHeight()
{
    the_height = document.getElementById('the_iframe').contentWindow.document.body.scrollHeight;
    document.getElementById('the_iframe').height = the_height + 35;
}
</script>    

<iframe src="indexframe.html" id="the_iframe" onLoad="calcHeight();" name="home_frame" width="100%" frameborder="0" ></iframe>

user3554339 20 апр. 2014, в 19:30

Источник

0

Получаете ли вы какие-либо ошибки в JavaScript-консоли Chrome (F12 -> Console in Chrome)?
Sumner Evans 20 апр. 2014, в 17:06

Теги:

javascript

jquery

html

3 ответа

Ещё вопросы

Получаете ли вы какие-либо ошибки в JavaScript-консоли Chrome (F12 -> Console in Chrome)?

anshuVersatile · Answer 1 · 2014-04-20T15-37-00.000Z

использовать document.documentElement.scrollHeight в отличие от firefox

<iframe src="indexframe.html" id="the_iframe" onLoad="calcHeight();" name="home_frame" width="100%" frameborder="0" ></iframe>
<script type="text/javascript">
function calcHeight()
{

  the_height=document.documentElement.scrollHeight;
    document.getElementById('the_iframe').height=the_height+35;


}
</script>

Tyranicangel · Answer 2 · 2014-04-20T14-38-00.000Z

Если вы используете jquery

$('#the_iframe').css({'height':(the_height+35)+'px'});

adeneo · Answer 3 · 2014-04-20T14-18-00.000Z

Кросс-браузерный способ немного сложнее

<iframe src="indexframe.html" id="the_iframe" name="home_frame" width="100%" frameborder="0" ></iframe>

<script type="text/javascript">
    var iframe = document.getElementById('the_iframe');

    if (iframe.addEventListener) {
        iframe.addEventListener('load', loader, false);
    } else if (iframe.attachEvent) {
        iframe.attachEvent("onload", loader);
    } else {
        iframe.onload = loader
    }

    function loader() {
        var D = iframe.contentDocument ? iframe.contentDocument :
        (iframe.contentWindow ? iframe.contentWindow.document : iframe.document),
        the_height = Math.max(
            D.body.scrollHeight, D.documentElement.scrollHeight,
            D.body.offsetHeight, D.documentElement.offsetHeight,
            D.body.clientHeight, D.documentElement.clientHeight
        );

        iframe.height = the_height+35;
    }   
</script>