關於iframe內頁高度自適應

2022-04-06 16:11:20 字數 470 閱讀 6275

做後台管理時候,經常用到在ifame裡嵌入乙個頁面,但iframe高度不能隨頁面高度增加而增高.所以得借助js解決.

在iframe內頁裡面欠入此段js即可.

code

1/**/

////後台輔助

2var admin 

=,15

//增加監聽事件

16addevent: function(o, a, b) 

) : o.addeventlistener(a, b, 

false)20

},21

//iframe 跟其中內嵌頁面高度重設iframe高度

22init: function() 

30}31

//為 window 對像增加乙個方法(iframe高度重新計算)

32admin.addevent(window, 

'load

', admin.init);

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