讓iframe框架網(wǎng)頁在任何瀏覽器下自動伸縮
更新時間：2006年08月18日 00:00:00 作者：
很多朋友都在使用iframe中遇到過不能自動隨頁面伸縮，特別是動態(tài)讀取頁面的時候，會出現(xiàn)滾動條，影響美觀，今天研究一下了，發(fā)現(xiàn)了一個簡單解決的辦法，可以在IE，F(xiàn)IREFOX，OPERA下使用
方法如下，將2段代
碼照提示保存。
請保存為mainframe.htm
<html>
<body>
<div>
<iframe marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0"
id="frametb" scrolling="no" src="frame.htm"
onload="style.width=this.contentWindow.document.all.formfra.offsetWidth;"
+"style.height=this.contentWindow.document.all.formfra.offsetHeight"></iframe>
</div>
</body>
</html>
請保存為frame.htm
<html>
<body leftmargin="0" topmargin="0">
<table id=formfra width=200 border=0 bgcolor=green>
<tr><td>
胡東平在線空間
<p/>
sfsfere
</td></tr>
</table>
</body>
</html>
執(zhí)行mainframe.htm就可以看到效果了。
套用修改的時候要注意mainframe.htm和frame.htm里面定義表格的ID，然后記得在frame語句中修改相對應的
調(diào)用文件名稱和路徑，并且注意下面這句：
onload="style.width=this.contentWindow.document.all.formfra.offsetWidth;"
+"style.height=this.contentWindow.document.all.formfra.offsetHeight"
做相應修改
this.contentWindow.document.all.調(diào)用頁面表格ID.offsetWidth
this.contentWindow.document.all.調(diào)用頁面表格ID.offsetHeight
記住，一定要定義表格ID。
碼照提示保存。
請保存為mainframe.htm
復制代碼 代碼如下:
<html>
<body>
<div>
<iframe marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0"
id="frametb" scrolling="no" src="frame.htm"
onload="style.width=this.contentWindow.document.all.formfra.offsetWidth;"
+"style.height=this.contentWindow.document.all.formfra.offsetHeight"></iframe>
</div>
</body>
</html>
請保存為frame.htm
復制代碼 代碼如下:
<html>
<body leftmargin="0" topmargin="0">
<table id=formfra width=200 border=0 bgcolor=green>
<tr><td>
胡東平在線空間
<p/>
sfsfere
</td></tr>
</table>
</body>
</html>
執(zhí)行mainframe.htm就可以看到效果了。
套用修改的時候要注意mainframe.htm和frame.htm里面定義表格的ID，然后記得在frame語句中修改相對應的
調(diào)用文件名稱和路徑，并且注意下面這句：
復制代碼 代碼如下:
onload="style.width=this.contentWindow.document.all.formfra.offsetWidth;"
+"style.height=this.contentWindow.document.all.formfra.offsetHeight"
做相應修改
復制代碼 代碼如下:
this.contentWindow.document.all.調(diào)用頁面表格ID.offsetWidth
this.contentWindow.document.all.調(diào)用頁面表格ID.offsetHeight
記住，一定要定義表格ID。
相關(guān)文章
無語，javascript居然支持中文(unicode)編程！
無語，javascript居然支持中文(unicode)編程！...2007-04-04
下面小編就為大家?guī)硪黄狫s 獲取、判斷瀏覽器版本信息的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
下面小編就為大家?guī)硪黄褂肑S正則表達式 替換括號,尖括號等。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
將秒換成時分秒的方法有很多，在本文將為大家介紹下，使用js的具體的實現(xiàn)思路，有需要的朋友可以參考下，希望對大家有所幫助2013-09-09
在 JavaScript 中,對象是一種非常重要的數(shù)據(jù)類型,理解如何遍歷對象的屬性以及對象屬性的描述,對于高效使用 JavaScript 至關(guān)重要,本文將詳細介紹對象屬性的遍歷方法和屬性描述對象的相關(guān)內(nèi)容,需要的朋友可以參考下2025-02-02
特別酷的分頁展示效果，原生JS實現(xiàn)，點擊分頁看效果2012-11-11
JS中onpropertychange和onchange事件區(qū)別小結(jié)
當一個HTML元素的屬性用js改變的時候，都能通過onpropertychange來捕獲。例如一個文本text對象的value屬性被頁面的腳本修改的時候，onchange無法捕獲到，而onpropertychange卻能夠捕獲。2010-07-07
下面小編就為大家?guī)硪黄袹avaScript代碼改成ES6語法不完全指南(分享)。小編覺得挺不錯的，現(xiàn)在就想給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
JavaScript實現(xiàn)圖片預加載的方法總結(jié)
在Web前端開發(fā)中,圖片是網(wǎng)頁內(nèi)容的重要組成部分,但它們的加載時間往往會影響頁面的整體性能,為了提升用戶體驗,減少等待時間,開發(fā)者通常會采用圖片預加載（Image Preloading）技術(shù),本文給大家介紹了JavaScript實現(xiàn)圖片預加載的方法總結(jié),需要的朋友可以參考下2024-12-12
My Desktop 桌面式 代碼2008-12-12