javascript應(yīng)用:Iframe自適應(yīng)其加載的內(nèi)容高度
更新時(shí)間:2007年04月10日 00:00:00 作者:
main.htm:
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
<meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'>
<title>iframe自適應(yīng)加載的頁(yè)面高度</title>
</head>
<body>
<iframe src="child.htm"></iframe>
</body>
</html>
child.htm:
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
<meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'>
<title>iframe 自適應(yīng)其加載的網(wǎng)頁(yè)(多瀏覽器兼容)</title>
<script language=javascript>
function iframeAutoFit()
{
try
{
if(window!=parent)
{
var a = parent.document.getElementsByTagName("IFRAME");
for(var i=0; i<a.length; i++) //author:meizz
{
if(a[i].contentWindow==window)
{
var h = document.body.scrollHeight;
if(document.all) {h += 4;}
if(window.opera) {h += 1;}
a[i].style.height = h;
}
}
}
}
catch (ex)
{
alert("腳本無(wú)法跨域操作!");
}
}
if(document.attachEvent) window.attachEvent("onload", iframeAutoFit);
else window.addEventListener('load', iframeAutoFit, false);
</script>
</head>
<body>
<div style="width: 200; height: 400; background-color: yellow">
iframe 自適應(yīng)其加載的網(wǎng)頁(yè)(多瀏覽器兼容)
</div>
</body>
</html>
復(fù)制代碼 代碼如下:
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
<meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'>
<title>iframe自適應(yīng)加載的頁(yè)面高度</title>
</head>
<body>
<iframe src="child.htm"></iframe>
</body>
</html>
child.htm:
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
<meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'>
<title>iframe 自適應(yīng)其加載的網(wǎng)頁(yè)(多瀏覽器兼容)</title>
<script language=javascript>
function iframeAutoFit()
{
try
{
if(window!=parent)
{
var a = parent.document.getElementsByTagName("IFRAME");
for(var i=0; i<a.length; i++) //author:meizz
{
if(a[i].contentWindow==window)
{
var h = document.body.scrollHeight;
if(document.all) {h += 4;}
if(window.opera) {h += 1;}
a[i].style.height = h;
}
}
}
}
catch (ex)
{
alert("腳本無(wú)法跨域操作!");
}
}
if(document.attachEvent) window.attachEvent("onload", iframeAutoFit);
else window.addEventListener('load', iframeAutoFit, false);
</script>
</head>
<body>
<div style="width: 200; height: 400; background-color: yellow">
iframe 自適應(yīng)其加載的網(wǎng)頁(yè)(多瀏覽器兼容)
</div>
</body>
</html>
您可能感興趣的文章:
- js檢測(cè)iframe是否加載完成的方法
- js下判斷 iframe 是否加載完成的完美方法
- JS加載iFrame出現(xiàn)空白問題的解決辦法
- 基于JS判斷iframe是否加載成功的方法(多種瀏覽器)
- JS iFrame加載慢怎么解決
- js通過iframe加載外部網(wǎng)頁(yè)的實(shí)現(xiàn)代碼
- javascript實(shí)現(xiàn)iframe框架延時(shí)加載的方法
- 動(dòng)態(tài)加載js、css等文件跨iframe實(shí)現(xiàn)
- javascript firefox 自動(dòng)加載iframe 自動(dòng)調(diào)整高寬示例
- js中頁(yè)面的重新加載(當(dāng)前頁(yè)面/上級(jí)頁(yè)面)及frame或iframe元素引用介紹
- JS判斷iframe是否加載完成的方法
相關(guān)文章
十個(gè)免費(fèi)的web前端開發(fā)工具詳細(xì)整理
這篇文章主要介紹了十個(gè)免費(fèi)的web前端開發(fā)工具詳細(xì)整理的相關(guān)資料,希望通過本文大家能夠理解使用免費(fèi)web開發(fā)工具,需要的朋友可以參考下2017-09-09js實(shí)現(xiàn)緩沖運(yùn)動(dòng)效果的方法
這篇文章主要介紹了js實(shí)現(xiàn)緩沖運(yùn)動(dòng)效果的方法,涉及javascript操作元素運(yùn)動(dòng)的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-04-04JS獲取文本框,下拉框,單選框的值的簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)JS獲取文本框,下拉框,單選框值的簡(jiǎn)單實(shí)例進(jìn)行了介紹,需要的朋友可以過來(lái)參考下,希望對(duì)大家有所幫助2014-02-02js canvas實(shí)現(xiàn)5張圖片合成一張圖片
這篇文章主要為大家詳細(xì)介紹了js canvas實(shí)現(xiàn)5張圖片合成一張圖片,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-07-07關(guān)于javascript document.createDocumentFragment()
documentFragment 是一個(gè)無(wú)父對(duì)象的document對(duì)象.2009-04-04JS 判斷undefined的實(shí)現(xiàn)代碼
JS中如何判斷undefined2009-11-11uniapp時(shí)間格式和距離格式的轉(zhuǎn)換
這篇文章主要介紹了uniapp時(shí)間格式和距離格式的轉(zhuǎn)換,第一種是把? YYYY-MM-DD hh:mm:ss 轉(zhuǎn)換成?MM月DD日,第二種是把? hh:mm:ss 轉(zhuǎn)換成?hh:mm,本文給大家介紹的非常詳細(xì),需要的朋友可以參考下2023-09-09