iframe高度自適應

2022-01-10 21:47:47 字數 538 閱讀 9088

今天在做移動端乙個關於iframe框架的頁面,突然發現高度不能自適應,以前有同行問過我這個問題,當時也是查了好多資料沒有解決,今天自己碰上了,就麻煩大了,於是還是各種查資料,終於找到了解決問題的辦法,網上還是大神多哇。以下博主就給大家貼上解決的辦法。

第一種方法,採用的是ajax的load方法,此方法簡簡單單的一串**即可:

但是此方法有個問題就是需要將原來test.html頁面所引用的css檔案、images檔案和js檔案等都放在class="box"所在頁面的根目錄,這樣,就不太好了,此為一弊端。

第二種方法,採用的是網上大神們的方法:

//注意:下面的**是放在test.html呼叫

$(window.parent.document).find("#main").load(function());

//注意:下面的**是放在和iframe同乙個頁面呼叫

$("#main").load(function());

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