iframe的動態高度

Question

我目前正在使用一個使用iframe的現有網站（嘆息！），這些都非常難以使用，我在使用HTML內容的高度來擴展iframe的高度時遇到了問題。

我已經嘗試了幾個不同的腳本片段，它們漂浮在互聯網上，但它們都沒有為我工作。 我真的想用jQuery來做這件事，但這不是一個選擇，因為IT希望減少頁面加載的大小。

有沒有人知道這樣做的好方法，以適用於FF和IE 6+的方式？

Answer 1

您應該只需設置高度和寬度參數 - 因為這些都是iframe dom元素的有效屬性。

function resize(width, height) {
  var frame = document.getElementById('my_iframe');
  frame.width = width;
  frame.height = height;
}

當然，這僅適用於您嘗試從其父元素（具有實際iframe標記的文檔）調整iframe的大小。 如果您嘗試從iframe（iframe加載的文檔）中調整iframe大小，則需要調用父元素的公共函數來執行調整大小。

在iframe中： parent.resize(600, 800);