сделать содержание iframe высотой

Question

Как настроить высоту iframe в соответствии с содержимым в нем?Я предполагаю, что вы вычислите разницу между высотой содержимого и высотой iframe (что я не знаю, как это сделать) и используете это с циклом while, чтобы увеличить переменную для использования в качестве высоты, но я не могу обернуть моюобдумайте, как на самом деле делать эти вещи.Прежде чем спросить: да, содержимое в рамке с моего сайта.Не междоменный.

Answer 1

Не совсем уверен, почему вы хотите использовать iframe, а не динамический div, заполненный, скажем, через ajax, но:

Поместите содержимое в iframe в div, затем получите высоту div. Я бы предложил использовать jquery так:

$("#divId").height();

Но если вы не можете использовать jquery, вы можете использовать это:

document.getElementById("divId").offsetHeight;

Тогда вам нужно будет установить высоту iframe на то, что у вас есть.

JQuery:

$("#iframeId").height($("#divId").height());

обычный JS:

document.getElementById("iframeId").style.height = 
document.getElementById("divId").offsetHeight;

Answer 2

Вот решение с использованием jQuery:

$('#iframe').height($('#iframe').contents().find('body').height());

Answer 3

Динамически отображать iframe в javascript после отрисовки элемента контейнера ("td1").

<script type="text/javascript">
  var iframesrc = "@Href("~/about")";
  function init() {
  var vHeight = document.getElementById("td1").offsetHeight;
  document.getElementById("td1").innerHTML="<iframe style=\"width:100%; height:" + vHeight + "px\" src=\"" + iframesrc + "\"></iframe>";
  }
  window.onload = init; 
</script>

...

<td id="td1" style="width: 100%; height:100%;">                 
</td>

Answer 4

<iframe id="moo" src="something.html"><iframe>
<script>
function onContentChange(){
  var NewSize=$('moo').getScrollSize();
  $('moo').setStyles({
    width: NewSize.x,
    height: NewSize.y
  });
}
</script>

и внутри somthing.html в событии bottom или onload что-то делать в строках

window.parent.window.onContentChange()