使用動態高度創建iframe

Question

我想使用iframe在彈出窗口中顯示遠程URL的內容或網站。但我不想修復iframe的高度。我已經使用了一些代碼

function resizeIframe(iframe) { 
    iframe.height = iframe.contentWindow.document.body.scrollHeight + "px"; 
} 

爲

，我曾嘗試另一個代碼

document.getElementById('iframe1').scrollHeight(); 

但是，這是行不通的。 請建議

Answer 1

試試這個：

newheight = document.getElementById(iframe1).contentWindow.document.body.scrollHeight; 
//For Firefox: 
document.getElementById(id).height = (newheight) + "px"; 

//For Other: 
$('#' + iframe1).css('min-height', newheight + 'px'); 

Answer 2

我想你錯過樣式屬性：

iframe.style.height = iframe.contentWindow.document.body.scrollHeight + "px";

或第二，我認爲你應該做這樣的事情

$('#iframe1').height(300); //will set your Iframe height with id iframe1 to 300px

否則

$('#iframe1').css("height", "300px") //do the same