iframe 自適應(yīng)高度[在IE6 IE7 FF下測(cè)試通過(guò)]
更新時(shí)間:2009年04月13日 10:41:45 作者:
有時(shí)候我們需要讓我們的iframe自動(dòng)適應(yīng)高度,但多瀏覽器兼容性不好,大家不妨試下這個(gè)。
第一種方法:
<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下測(cè)試通過(guò)]
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>
復(fù)制代碼 代碼如下:
<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:
復(fù)制代碼 代碼如下:
//iframe自適應(yīng)高度[在IE6 IE7下測(cè)試通過(guò)]
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:
復(fù)制代碼 代碼如下:
<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)于div自適應(yīng)高度/左右高度自適應(yīng)一致的js代碼
- Iframe自適應(yīng)高度絕對(duì)好使的代碼 兼容IE,遨游,火狐
- Iframe 自適應(yīng)高度并實(shí)時(shí)監(jiān)控高度變化的js代碼
- javascript 裝載iframe子頁(yè)面,自適應(yīng)高度
- iframe自適應(yīng)高度的多種方法方法小結(jié)
- Iframe自適應(yīng)高度兼容ie,firefox多瀏覽器
- 讓iframe自適應(yīng)高度(支持XHTML,支持FF)
- 讓iframe自適應(yīng)高度(支持xhtml)IE firefox兼容
- [轉(zhuǎn)]目前找到的最好的Iframe自適應(yīng)高度代碼
- 關(guān)于IFRAME 自適應(yīng)高度的研究
- JavaScript 處理Iframe自適應(yīng)高度(同或不同域名下)
相關(guān)文章
JS實(shí)現(xiàn)定時(shí)任務(wù)每隔N秒請(qǐng)求后臺(tái)setInterval定時(shí)和ajax請(qǐng)求問(wèn)題
這篇文章主要介紹了JS實(shí)現(xiàn)定時(shí)任務(wù)每隔N秒請(qǐng)求后臺(tái)setInterval定時(shí)和ajax請(qǐng)求 的相關(guān)資料,需要的朋友可以參考下2017-10-10Ant Design Pro 下實(shí)現(xiàn)文件下載的實(shí)現(xiàn)代碼
這篇文章主要介紹了Ant Design Pro 下實(shí)現(xiàn)文件下載的實(shí)現(xiàn)代碼,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12JavaScript模擬實(shí)現(xiàn)簡(jiǎn)單的MVC的示例詳解
MVC是一種常見(jiàn)的軟件架構(gòu)模式,MVC模式的目的是將應(yīng)用程序的數(shù)據(jù)、用戶界面和控制邏輯分離,提高代碼的可維護(hù)性,可拓展性和可重用性。本文就來(lái)用用JS模擬實(shí)現(xiàn)一個(gè)簡(jiǎn)單的MVC吧2023-04-04CodeMirror2 IE7/IE8 下面未知運(yùn)行時(shí)錯(cuò)誤的解決方法
最近用CodeMirror2作后臺(tái)的模板編輯器,在IE9、Firefox下面沒(méi)有問(wèn)題。到了IE7、IE8下面,textarea里面的代碼就顯示不出來(lái)了。搜索了好多,終于找到原因2012-03-03淺談 Webpack 如何處理圖片(開(kāi)發(fā)、打包、優(yōu)化)
這篇文章主要介紹了淺談 Webpack 如何處理圖片(開(kāi)發(fā)、打包、優(yōu)化),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-05-05