最近發現系統中有很多功能的
iframe
顯示有問題，比如當
iframe
中無內容時導致的頁面出現大面積空白，這是由於
iframe
的高度未能根據其中的內容自適應高度所致。
網上又很多解決的辦法，但是萬變不離其宗，核心就是給據iframe的內容修改iframe標籤的高度。
在iframe包含的頁面中新增以下js即可
方法1：;//通過 iframe的id設定
方法2:;//通過
iframe的name設定
使用說明：
1.document.body.scrollheight 為
iframe中頁面的真實高度，因此為了能獲得正確的document.body.scrollheight ，script必須在置於頁面的最後執行或者在onload事件中執行。
2.為了相容各個瀏覽器（主要是因為ie6的bug），建議在scrollheight的基礎上在增加一些高度
3.對於確實需要出現滾動條的iframe建議固定其高度。
關於iframe內頁高度自適應
做後台管理時候,經常用到在ifame裡嵌入乙個頁面,但iframe高度不能隨頁面高度增加而增高.所以得借助js解決.在iframe內頁裡面欠入此段js即可.code 1 後台輔助 2var admin 15 增加監聽事件 16addevent function o,a,b o.addeventlis...
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...