iframe自適應高度的多種方法方法小結

2021-06-17 00:06:25 字數 1082 閱讀 7371

不帶邊框的iframe因為能和網頁無縫的結合從而不重新整理頁面的情況下更新頁面的部分資料成為可能,可是 iframe的大小卻不像層那樣可以「伸縮自如」,所以帶來了使用上的麻煩,給iframe設定高度的時候多了也不好,少了更是不行,現在,讓我來告訴大 家一種iframe動態調整高度的方法,主要是以下js函式: 

第一種方法:**簡單,相容性還可以,大家可以先測試下。

function setwinheight(obj) 

else if(win.document && win.document.body.scrollheight)

} }

}

最後,加入iframe,不能丟掉onload屬性,當然了,id也必須也函式中的win匹配 

經典** iframe 自適應高度,在ie6/ie7/ie8/firefox/opera/chrome/safari通過測試。

html**:

下面這個相容性更好一些:

另一種情況的iframe解決方案(超簡單)

之前自己也碰到過這個問題,為了得到答案去網上搜尋,發現有不少人也遇到了這樣的問題,現在就把解決方法共享一下 

1、建立乙個bottom.js的檔案,然後輸入下面的**(只有兩行哦) 

parent.document.all("框架id名").style.height=document.body.scrollheight; 

parent.document.all("框架id名").style.width=document.body.scrollwidth;

這裡的 框架id名 就是iframe的id,比如:

2、給你**裡所有的被包含檔案裡面每個都加入 

3、ok,收工! 

在winxp、ie6下面測試通過。很簡單吧! 

iframe 自適應高度

由於html沒有include或require,做網頁時我們會用iframe來達到包含頁面的目的。如果呼叫的iframe頁面高度會根據內容多少而發生變化,這時通常要保持iframe與內容頁面的高度,以避免出現iframe的滾動條。先搜尋了一下,有不少好的例子,但總覺得說的還不夠明了。下面給出詳細例子...

iframe自適應高度

來自 http ued.koubei.com 2008 05 07 iframe auto fit height 這貼比較長,沒有耐性的朋友請直接拖到帖子末尾的 示例,或者直接去玩我提供的demo。demo頁面 主頁面 iframe a.html 被包含頁面 iframe b.htm 和 ifram...

iframe高度自適應

nl ad this.height document.frames src document.body.scrollheight 例子 1,建立頁面 test.html 頁面中含有乙個 iframe,name為 ifrname id為 ifrid,src 為 iframe.html頁面。2,建立 i...