最近在做專案中,遇到乙個問題,就是iframe高度的自適應問題,以下是解決辦法:
var iframeids = ['memberindexiframe','inquirycenteriframe','everychinabbsiframe'];var iframehide = "yes";
function
dyniframesize()
else
if(dyniframe[i].document &&dyniframe[i].document.body.scrollheight)
}if((document.all || document.getelement) && iframeids == "no")
}}if
(window.addeventlistener)
window.addeventlistener("load", dyniframesize, false
) else
if(window.attachevent)
window.attachevent("onload", dyniframesize)
else
對於上面的**直接儲存乙個檔案iframe.js,然後引用即可
注意:這段**對於跨域的iframe引用不太適用,需要特別定義其iframe高度
下面這個**是跨域的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...