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

2022-05-25 07:18:10 字數 888 閱讀 9832

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

複製**

**如下:

複製**

**如下:

這麼的這種也是跟上面的解決方法類似的**

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

複製**

**如下:

下面這個相容性更好一些

複製**

**如下:

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

複製**

**如下:

複製**

**如下:

複製**

**如下:

複製**

**如下:

第三中方法批量iframe自適應:

工作中遇到iframe隨所含內容自適應高度的問題,以前在網上看到過類似問題的解決方法,於是搜尋一下,找到了乙個比較完整的能夠相容瀏覽器的解決方法,省得自己寫了。

複製**

**如下:

網上有人改進了方法,解決了當iframe所包含文件內容高度動態變化時自動調整iframe高度的問題,原理是在iframe所在頁面不斷掃瞄iframe包含文件的內容高度並改變iframe自身高度,這種方法貌似解決了問題,但是對頁面速度和系統資源占用是否有影響還很難說,感覺方法有些偏執,應該有更好的解決方法。

第四種方法,只針對知道的iframe的id呼叫 不推薦

複製**

**如下:

}使用方法呢,大家在需要自適應的iframe上加個id,然後js執行就可以了

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...