多個iframe自動調(diào)整大小的問題
更新時間:2006年09月18日 00:00:00 作者:
一個頁面我有多個iframe,且每個iframe的src都不一樣,高度也不一樣。
怎樣用一個函數(shù),自動調(diào)整這個頁面里所有iframe的高度呢?
function change_size(iframe)
{
iframe.style.height=info_content.document.body.scrollHeight+1+"px";
}
我用過這種方式,但是等號后面的第一個對象不知道應(yīng)該怎樣動態(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)在暫時用了這種方式,對應(yīng)每個iframe用一次
a.style.height = iframe_a.document.body.scrollHeight
b.style.height = iframe_b.document.body.scrollHeight
希望您能給一個更為簡單的方法,我解除js沒多久,可能問題有點愚蠢,請見諒。
感覺上你這樣寫的自動調(diào)整 會出問題.
如果父頁面加載完了,而子頁面沒有加載完,你控制的iframe高度肯定不會是 你所想的高度.
如果你的子頁面和父頁面同在一個域名下給你推薦一種簡單辦法.
在父頁面中設(shè)置一個函數(shù)用來 調(diào)整某一個ifame的高度,然后在子頁面的body onload中調(diào)用父頁面的這個函數(shù).這樣肯定是 等子頁面加載完了 在設(shè)置的高度,這樣可設(shè)置成子頁面的實際高度.
//父頁面的設(shè)置高度代碼,未測試
function setParentFrameHeight(frameid,height){
var frame= document.getElementById(frameid);
frame.style.height = height;//實際的height可以可以在子頁面的body里獲得
}
怎樣用一個函數(shù),自動調(diào)整這個頁面里所有iframe的高度呢?
function change_size(iframe)
{
iframe.style.height=info_content.document.body.scrollHeight+1+"px";
}
我用過這種方式,但是等號后面的第一個對象不知道應(yīng)該怎樣動態(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)在暫時用了這種方式,對應(yīng)每個iframe用一次
a.style.height = iframe_a.document.body.scrollHeight
b.style.height = iframe_b.document.body.scrollHeight
希望您能給一個更為簡單的方法,我解除js沒多久,可能問題有點愚蠢,請見諒。
感覺上你這樣寫的自動調(diào)整 會出問題.
如果父頁面加載完了,而子頁面沒有加載完,你控制的iframe高度肯定不會是 你所想的高度.
如果你的子頁面和父頁面同在一個域名下給你推薦一種簡單辦法.
在父頁面中設(shè)置一個函數(shù)用來 調(diào)整某一個ifame的高度,然后在子頁面的body onload中調(diào)用父頁面的這個函數(shù).這樣肯定是 等子頁面加載完了 在設(shè)置的高度,這樣可設(shè)置成子頁面的實際高度.
//父頁面的設(shè)置高度代碼,未測試
復(fù)制代碼 代碼如下:
function setParentFrameHeight(frameid,height){
var frame= document.getElementById(frameid);
frame.style.height = height;//實際的height可以可以在子頁面的body里獲得
}
您可能感興趣的文章:
相關(guān)文章
用javascript實現(xiàn)文本框和"選擇"按扭之間的間距
用javascript實現(xiàn)文本框和"選擇"按扭之間的間距...2007-07-07控制input的CSS但不影響CheckBox以及Radio的樣式
在一些Web界面,有時候為了方便會寫一個全局的input樣式,這樣所有的樣式會立刻變化,如果能更好的區(qū)分checkbox等呢。2009-09-09一個快速添加標(biāo)簽的小玩意,但在FF下不能用,望高手指點
一個快速添加標(biāo)簽的小玩意,但在FF下不能用,望高手指點...2007-07-07對textarea框的代碼調(diào)試,而且功能上使用非常方便,酷
對textarea框的代碼調(diào)試,而且功能上使用非常方便,酷...2006-06-06