多個iframe自動調(diào)整大小的問題

2024-09-06 12:44:56

字體：大中小

供稿：網(wǎng)友

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

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

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

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

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

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

//父頁面的設置高度代碼,未測試代碼如下:
function setParentFrameHeight(frameid,height){
    var frame= document.getElementById(frameid);
    frame.style.height = height;//實際的height可以可以在子頁面的body里獲得
}

上一篇：由淺到深了解JavaScript類

下一篇：prototype class詳解