讓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語句中修改相對應(yīng)的
調(diào)用文件名稱和路徑，并且注意下面這句：
onload="style.width=this.contentWindow.document.all.formfra.offsetWidth;"
+"style.height=this.contentWindow.document.all.formfra.offsetHeight"
做相應(yīng)修改
this.contentWindow.document.all.調(diào)用頁面表格ID.offsetWidth
this.contentWindow.document.all.調(diào)用頁面表格ID.offsetHeight
記住，一定要定義表格ID。
碼照提示保存。
請保存為mainframe.htm
復(fù)制代碼 代碼如下:
<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
復(fù)制代碼 代碼如下:
<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語句中修改相對應(yīng)的
調(diào)用文件名稱和路徑，并且注意下面這句：
復(fù)制代碼 代碼如下:
onload="style.width=this.contentWindow.document.all.formfra.offsetWidth;"
+"style.height=this.contentWindow.document.all.formfra.offsetHeight"
做相應(yīng)修改
復(fù)制代碼 代碼如下:
this.contentWindow.document.all.調(diào)用頁面表格ID.offsetWidth
this.contentWindow.document.all.調(diào)用頁面表格ID.offsetHeight
記住，一定要定義表格ID。
相關(guān)文章
javascript使用shift+click實現(xiàn)選擇和反選checkbox的方法
這篇文章主要介紹了javascript使用shift+click實現(xiàn)選擇和反選checkbox的方法,涉及javascript針對鍵盤按鍵的判斷及checkbox的操作技巧,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了用js實現(xiàn)的簡單購物車，配有截圖，適合初學(xué)者2014-05-05
Bootstrap - 簡潔、直觀、強悍、移動設(shè)備優(yōu)先的前端開發(fā)框架,讓web開發(fā)更迅速、簡單。下面給大家介紹Bootstrap表格的使用的相關(guān)知識，非常不錯，具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧2016-06-06
這篇文章主要為大家詳細介紹了JS實現(xiàn)按鈕顏色切換效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
JavaScript中解決多瀏覽器兼容性23個問題的快速解決方法
下面小編就為大家?guī)硪黄狫avaScript中解決多瀏覽器兼容性23個問題的快速解決方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
Javascript中扁平化數(shù)據(jù)結(jié)構(gòu)與JSON樹形結(jié)構(gòu)轉(zhuǎn)換詳解
之前朋友問過我一個問題,項目中遇到扁平化數(shù)據(jù)結(jié)構(gòu)不知如何樹形化,下面這篇文章主要給大家介紹了關(guān)于Javascript中扁平化數(shù)據(jù)結(jié)構(gòu)與JSON樹形結(jié)構(gòu)轉(zhuǎn)換的相關(guān)資料,需要的朋友可以參考下2022-05-05
這篇文章主要介紹了理解JavaScript中的狀態(tài)模式及適配器模式,適配器模式即Adapter Pattern，是作為兩個不兼容的接口之間的橋梁。這種類型的設(shè)計模式屬于結(jié)構(gòu)型模式，下文更多相關(guān)介紹需要的小伙伴可以參考一下2022-12-12
這篇文章主要為大家介紹了詳解如何替換項目中的if-else和switch，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
Bootstrap每天必學(xué)之基礎(chǔ)排版，排版是學(xué)習(xí)的最基礎(chǔ)環(huán)節(jié)，相當(dāng)于地基，所以大家一定要認真對待，認真學(xué)習(xí)本文內(nèi)容。2015-11-11
這篇文章主要給大家介紹了關(guān)于JS算法教程之字符串去重與字符串反轉(zhuǎn)的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12