Несколько страниц iframe с onload для высоты

Question

У меня есть iframe, который включает в себя скрипт с несколькими страницами, и я хочу настроить высоту этого iframe автоматически в соответствии с высотой содержимого. Он работает правильно, когда я загружаю первую страницу, но когда я перехожу на другую, функция вызывается снова, но высота такая же, даже если содержание не одинаково высотно на всех страницах.

Javascript функция:

function autoResize(id){ 
    var newheight; 

    if(document.getElementById){ 
     newheight=document.getElementById(id).contentWindow.document.body.scrollHeight; 
    } 

    document.getElementById(id).height= (newheight) + "px"; 
} 

И мой IFrame:

<iframe id="iframe" src="myScript" width="950px" onLoad="autoResize('iframe');"></iframe> 

Когда я добавляю alert(newheight) после его установить с помощью contentWindow.document.body.scrollHeight, я получаю предупреждение на каждой странице, но высота всегда одинакова ,
Есть ли другой способ получить текущую высоту содержимого iframe?

Answer 1

Вы можете попробовать эту функцию, передать iframe идентификатор для каждой на Iframe нагрузки, iframe id должен быть уникальным

function autoResize(frameId){ 
     var F = document.getElementById(frameId); 
     if(F.contentDocument) { 
      F.height = F.contentDocument.documentElement.scrollHeight; //FF 3.0.11, Opera 9.63, and Chrome 
     } else { 
      F.height = F.contentWindow.document.body.scrollHeight; //IE6, IE7 and Chrome  
     } 
    } 

Answer 2

Попробуйте это:

function autoResize(id){ 
    var n1=id.contentWindow.document.body.scrollHeight; 
    document.getElementById(id).style.height = n1 + 'px'; 
}