有時為了方便使用iframe,頁面長度沒辦法固定,顯示的頁面不僅影響美觀,而且給用戶操作帶來不便,自動調整高度可以解決這個問題,那么iframe自動調整大小的常見問題大家知道嗎?錯新技術小編為你解答。
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中調用父頁面的這個函數.這樣肯定是?等子頁面加載完了?在設置的高度,這樣可設置成子頁面的實際高度.
//父頁面的設置高度代碼,未測試
新聞熱點
疑難解答
圖片精選