iframe高度自適應

2022-08-27 08:18:10 字數 2151 閱讀 8494

1 父頁面設定指令碼(指令碼必須在下):

父頁：

1238


91026


27

子頁：

1


doctype html


>


2<


html


>


3<


head


>


4<


meta 


charset


="utf-8"


>


5head


>


6<


body


>


7<


p>這是乙個ifrmae，嵌入在裡 


p>


8<


p>根據自身內容調整高度


p>


9<


p>a


p><


p>a


p><


p>a


p><


p>a


p><


p>a


p><


p>a


p><


p>a


p><


p>a


p>


10body


>


11html


>

2子頁面設定指令碼：

父頁：

1


子頁：
1


doctype html


>


2<


html


>


3<


head


>


4<


meta 


charset


="utf-8"


>


5<


title


>2.html


title


>


6<


script


>7//


計算頁面的實際高度，iframe自適應會用到


8function


calcpageheight(doc) 


1415


window.onload 


=function


() 19


script


>


20head


>


21<


body


>


22<


p>這是乙個ifrmae，嵌入在裡 


p>


23<


p>根據自身內容調整高度


p>


24<


p>a


p><


p>a


p><


p>a


p><


p>a


p><


p>a


p><


p>a


p><


p>a


p><


p>a


p>


25body


>


26html


>


參考：
 
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...