文章發佈於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 發表在 痞客邦 留言(1) 人氣()