iframe高度自適應

2021-10-07 02:25:21 字數 620 閱讀 5790

我們知道,iframe最大的問題,就是高度的問題,如果你內容的高度是變化,要麼你就給你的容器寫個固定的高度,如果內容是未知的,顯然這個方法並不能達到我們的想要的效果,要麼就是通過js來解決這個問題。 

js**

var adjustiframe = function(id, end) 

var idoc = iframe.contentwindow && iframe.contentwindow.document || iframe.contentdocument;

var iheight = math.max(idoc.body.scrollheight, idoc.documentelement.scrollheight); //取得其高

iframe.style.height = iheight + "px";

}intervalid = setinterval(callback, 50)

}}

html**

使用方法:

window.onload = function()
注意,本指令碼只能處理同域的iframe高度

站長推薦

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