iframe高度自適應解決方式

2021-09-29 23:27:12 字數 680 閱讀 6846

帶邊框的iframe因為能和網頁無縫的結合從而不重新整理頁面的情況下更新頁面的部分資料成為可能,可是 iframe的大小卻不像層那樣可以「伸縮自如」,所以帶來了使用上的麻煩,給iframe設定高度的時候多了也不好,少了更是不行,現在,讓我來告訴大 家幾種iframe動態調整高度的方法。

1、

2、在ie6/ie7/ie8/firefox/opera/chrome/safari通過測試。

3、相容性更好一些的方法

4、

5、實現 iframe 的自適應高度,能夠隨著頁面的長度自動的適應以免除頁面和 iframe 同時出現滾動條的現象

6、取得iframe屬性src所指定的包含文件中內容的高度,然後用來設定iframe自身的高度,在iframe所在頁面載入時對頁面中的所有需要自適應高度的iframe進行自動設定

7、只針對知道的iframe的id呼叫

function iframeautofit(iframeobj),200) 

}

解決iframe高度自適應問題

最近工作中使用了讓人頭疼的iframe,碰到的最大問題是沒有好的方法使其高度自適應。尤其在頁面進行ajax後,後來google一番之後,發現iframe resizer能夠比較好的解決這個問題,而且還支援跨域訪問 使用postmessage 使用方法 在iframe resizer壓縮包的js資料夾...

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