iframe高度自適應

2021-06-16 11:50:42 字數 726 閱讀 2024

iframe無邊框

jquery控制iframe自動高適應

var frame = $("#frmdialog");

frame.height(frame.contents().find("body").height() + 40);

frame.load(function());

jquery 關於contents的解釋

查詢匹配元素內部所有的子節點(包括文字節點)。如果元素是乙個iframe,則查詢文件內容

描述:查詢所有文字節點並加粗

html **:

hello john, how are you doing?

jquery **:
$("p").contents().not("[nodetype=1]").wrap("");
結果:
hellojohn,how are you doing?

描述:

往乙個空框架中加些內容

html **:

jquery **:
$("iframe").contents().find("body")

參考: jquery1.7_20120209.chm

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