多個iframe自動調整大小的問題

2019-11-21 02:31:02

字體：大中小

來源：轉載

供稿：網友

一個頁面我有多個iframe，且每個iframe的src都不一樣，高度也不一樣。
怎樣用一個函數，自動調整這個頁面里所有iframe的高度呢？

function change_size(iframe)
{
    iframe.style.height=info_content.document.body.scrollHeight+1+"px";
}
我用過這種方式，但是等號后面的第一個對象不知道應該怎樣動態顯示。
比如：
function change_size(no)
{
                var el_name = "iframe"+no;
                el = document.getElementById(el_name);
    el .style.height=el.document.body.scrollHeight+1+"px";
                //舉例，實際不能調整高度，因為后面的el不能指向正確的對象
}

所以我現在暫時用了這種方式，對應每個iframe用一次
a.style.height = iframe_a.document.body.scrollHeight
b.style.height = iframe_b.document.body.scrollHeight

希望您能給一個更為簡單的方法，我解除js沒多久，可能問題有點愚蠢，請見諒。
感覺上你這樣寫的自動調整會出問題.
如果父頁面加載完了,而子頁面沒有加載完,你控制的iframe高度肯定不會是你所想的高度.

如果你的子頁面和父頁面同在一個域名下給你推薦一種簡單辦法.

在父頁面中設置一個函數用來調整某一個ifame的高度,然后在子頁面的body onload中調用父頁面的這個函數.這樣肯定是等子頁面加載完了在設置的高度,這樣可設置成子頁面的實際高度.

//父頁面的設置高度代碼,未測試

復制代碼代碼如下:

function setParentFrameHeight(frameid,height){ 
    var frame= document.getElementById(frameid); 
    frame.style.height = height;//實際的height可以可以在子頁面的body里獲得 
} 

上一篇：判斷checkbox選擇的個數多瀏覽器

下一篇：跨瀏覽器的設置innerHTML方法