close
文章發佈於Sevendesign，如需轉貼請保留本訊息，並註明原文連結
原文連結：http://sevendesign1230.pixnet.net/blog/post/4059401

這次要來介紹iframe的應用，讓父頁面的iframe隨著子頁面的高度展開，簡單來說就是把iframe當成include的方式來操作，呈現的效果是一樣的，但是由於iframe可以在同個框架內載入不同分頁，在商業性的網頁設計，產品常需要被全部展開，但是iframe的基本設定，是需要給他一個完整的高度數值，所以這篇文章是說明如何將讀入的文件完整的在iframe展開。

 

<iframe>與</iframe>之間

<iframe name="ifrm01" id="ifrm01" src="01.htm" frameborder="0" width="695" height="100%" onload="document.getElementById('ifrm01').style.height=ifrm01.document.body.scrollHeight+ 00+'px'"></iframe>

註一:name及id及紅色字串中'xxxx'三者須為相同名稱，可自訂名稱。
註二:需設定高度為100%　height="100%"。
註三:最後加上紅色字串.即可變成動態iframe。
※IE瀏覽器需掛在iis下才能正確瀏覽.在本機則不行 ，而Firefox則是沒有問題 。

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 Seven 的頭像
    Seven

    Sevendesign

    Seven 發表在 痞客邦 留言(1) 人氣()

    E-mail轉寄