Javascript/jquery：自動調整iframe的高度（如何使iframe在需要時變小）

Question

我有以下代碼，一旦文本超過iframe可見高度，iframe就會變高;但是，當文本被刪除時，iframe保持一樣高。我如何修改此代碼（或者如果有不同的代碼），將調整iframe爲恰當的高度。我需要這個功能，以便在keyup上運行該功能。

function autoResize(id){ 
    var newheight; 
    var newwidth; 

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

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

Answer 1

聲明：不確定下面的解決方案是否是最好的解決方案。

您可以將iframe重置爲標準大小，然後使用您的方法調整大小。

例子：

如果你的iframe的標準尺寸爲300 x 300像素

function autoResize(id){ 
    //Reset iframe size 
    document.getElementById(id).height= "300px"; 
    document.getElementById(id).width= "300px"; 

    //Your method continues 
    var newheight; 
    var newwidth; 

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

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

希望這有助於