как установить высоту iframe динамически в зависимости от содержания

Question

Я использую <iframe id='' src =" + url + " style='width:100%;border:none;'></iframe> Я пытаюсь установить высоту iframe в зависимости от высоты содержимого. Если я не упоминал о высоте для iframe, он принимает высоту по умолчанию. может любой сказать мне, как установить высоту Iframe в зависимости от высоты содержимого ....

Answer 1

Вы можете обратиться ниже код:

jQuery(document).ready(function(){ 
var height = $(window).height(); 
$('iframe').css('height', height) 
}); 

В приведенном выше примере, я установил высоту окна для фрейма. В соответствии с вашим требованием вы можете взять высоту своего контента, а затем установить его на высоту iframe.

Надеюсь, это поможет!

Answer 2

HTML:

<iframe name="i_frame" id="i_frame" src="" onload="iframeAutoSize(this.id);"> 
</iframe> 

JS:

function iframeAutoSize(id) { 

    iframe_element = document.getElementById(id); 

    if (iframe_element){ 

     var new_height = iframe_element.contentDocument.documentElement.offsetHeight; 
     //var new_width = iframe_element.contentDocument.documentElement.childNodes[2].offsetWidth; 

     $("#"+id).height(new_height); 
     //$("#"+id).width(new_width); 
    } 
} 

Answer 3

Вы можете использовать ниже код в.

style="height:auto;"