iframe 自適應(yīng)高度[在IE6 IE7 FF下測試通過]

更新時間：2009年04月13日 10:41:45 作者：

有時候我們需要讓我們的iframe自動適應(yīng)高度，但多瀏覽器兼容性不好，大家不妨試下這個。

第一種方法:

<script type="text/javascript" language="javascript"> 
<!-- 
//調(diào)整 PageContent 的高度 
function TuneHeight() { 
var frm = document.getElementById("content01"); 
var subWeb = document.frames ? document.frames["content01"].document : frm.contentDocument; 
if(frm != null && subWeb != null) { 
frm.height = subWeb.body.scrollHeight; 
} 
} 
//--> 
</script> 

<iframe id="content01" name="content01" frameBorder=0 scrolling=no src="main.html" width="100%"onLoad="TuneHeight()" ></iframe> 

第二種方法:
js code:

復制代碼代碼如下:

//iframe自適應(yīng)高度[在IE6 IE7下測試通過] 
function reSetIframe(){ 
var iframe = document.getElementById("iframeId"); 
try{ 
var bHeight = iframe.contentWindow.document.body.scrollHeight; 
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight; 
var height = Math.max(bHeight, dHeight); 
iframe.height = height; 
}catch (ex){} 
} 

html:

復制代碼代碼如下:

<iframe src="" id="weather" name="weather" width="278" onload="reSetIframe()" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" border="0" framespacing="0"> </iframe> 

您可能感興趣的文章:

相關(guān)文章

JavaScript 拖拽與觀察者模式的實現(xiàn)及應(yīng)用小結(jié)
本文通過代碼片段詳細介紹了JavaScript中的拖拽功能和觀察者模式（發(fā)布-訂閱模式）的實現(xiàn)及其應(yīng)用場景,拖拽功能允許用戶通過鼠標移動元素,而觀察者模式則定義了一種一對多的依賴關(guān)系,使得對象能夠自動更新,感興趣的朋友跟隨小編一起看看吧
2025-01-01
javascript中的五種基本數(shù)據(jù)類型
在javascript中申明變量使用的關(guān)鍵字都是var，這點與其他的編程語言不盡相同，但是javascript亦含有五種基本的數(shù)據(jù)類型（也可以說是簡單數(shù)據(jù)類型），它們分別是：Undefined，Null，Boolean，Number和String。還含有一種復雜數(shù)據(jù)類型—Object。這里我們不談復雜數(shù)據(jù)類型
2015-08-08
部分網(wǎng)站允許空白referer的防盜鏈圖片的js破解代碼
主要是有些網(wǎng)站的圖片調(diào)用是防盜鏈的但一般只是判斷referer是不是自己網(wǎng)站，如果referer為空也會顯示圖片，所以有了下面的代碼。
2011-05-05
JavaScript 操作table,可以新增行和列并且隔一行換背景色代碼分享
這篇文章介紹了JavaScript操作table,可以新增行和列并且隔一行換背景色代碼，有需要的朋友可以參考一下
2013-07-07
一篇文章教你寫出干凈的JavaScript代碼
JavaScript一種直譯式腳本語言,是一種動態(tài)類型、弱類型、基于原型的語言,內(nèi)置支持類型,下面這篇文章主要給大家介紹了如何通過一篇文章教你寫出干凈的JavaScript代碼,需要的朋友可以參考下
2021-09-09
Typescript3.9 常用新特性一覽(推薦)
這篇文章主要介紹了Typescript3.9 常用新特性一覽，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-05-05
JavaScript聲明變量名的語法規(guī)則
這篇文章主要給大家簡單介紹了JavaScript聲明變量名的語法規(guī)則，非常有助于大家學習javascript，有需要的小伙伴可以參考下。
2015-07-07
實現(xiàn)js保留小數(shù)點后N位的代碼
最近在做項目的時候，遇到要保留小數(shù)點后N位的問題，經(jīng)過一番思索，最終完成了，這里記錄一下，下次需要直接就能拉出來用了
2014-11-11
ECharts兩種動畫效果完整代碼
這篇文章主要給大家介紹了關(guān)于ECharts兩種動畫效果的相關(guān)資料,在做項目時當我們用到echarts圖表時,大部分產(chǎn)品經(jīng)理都會要求我們給圖表加上一些動畫效果,讓頁面看起來更加炫酷,需要的朋友可以參考下
2023-07-07
JavaScript 使用Ckeditor+Ckfinder文件上傳案例詳解
這篇文章主要介紹了JavaScript 使用Ckeditor+Ckfinder文件上傳案例詳解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細內(nèi)容,需要的朋友可以參考下
2021-08-08