Iframe自適應(yīng)其加載的內(nèi)容高度
更新時(shí)間：2007年01月23日 00:00:00 作者：
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
<meta name='author' content='站長中國 http://www.zzcn.net/'>
<title>iframe自適應(yīng)加載的頁面高度</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='站長中國 http://www.zzcn.net/'>
<title>iframe 自適應(yīng)其加載的網(wǎng)頁(多瀏覽器兼容)</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("腳本無法跨域操作！");
}
}
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)頁(多瀏覽器兼容)
</div>
</body>
</html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
<meta name='author' content='站長中國 http://www.zzcn.net/'>
<title>iframe自適應(yīng)加載的頁面高度</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='站長中國 http://www.zzcn.net/'>
<title>iframe 自適應(yīng)其加載的網(wǎng)頁(多瀏覽器兼容)</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("腳本無法跨域操作！");
}
}
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)頁(多瀏覽器兼容)
</div>
</body>
</html>
相關(guān)文章
css Hspace 和vspace的圖片控制實(shí)例
更改圖片的間隔：使用Hspace與Vspace。2008-06-06
研究了一下div+css的高度自適應(yīng)問題...2007-08-08
網(wǎng)頁打開新窗口target=_blank不符合標(biāo)準(zhǔn)
我們要在新窗口中打開鏈接通常的做法是在鏈接后面加target="_blank"，我們采用過渡型的DOCTYPE(xh tml1-transitional. dtd)時(shí)沒有問題，但是當(dāng)我們使用嚴(yán)格的DOCTYPE(xhtml1-strict.dtd)時(shí)，這個(gè)方法將通不過W3C的校驗(yàn)，會(huì)出現(xiàn)如下錯(cuò)誤提示：2008-05-05
用iframe margin實(shí)現(xiàn)調(diào)用其他網(wǎng)頁的某一區(qū)域的方法
用iframe margin實(shí)現(xiàn)調(diào)用其他網(wǎng)頁的某一區(qū)域的方法...2007-12-12
其實(shí)和跟border的屬性一樣的東西，做網(wǎng)頁的朋友熟練利用下面的樣式，就可以做出漂亮的邊框效果2008-09-09
2006.12.06更新 TopStyle剪輯庫...2006-12-12
Cookie的secure屬性引起單點(diǎn)登錄中的循環(huán)登錄問題
在實(shí)施單點(diǎn)登錄（SSO）時(shí),可能會(huì)遇到循環(huán)登錄問題,導(dǎo)致用戶無法正常使用系統(tǒng),本文首先介紹了單點(diǎn)登錄的基本概念和實(shí)現(xiàn)原理,然后詳細(xì)分析了循環(huán)登錄的產(chǎn)生原因,主要是由于Cookie的Secure屬性設(shè)置不當(dāng),在使用HTTP訪問時(shí)Cookie無法被傳遞導(dǎo)致2024-09-09
用CSS實(shí)現(xiàn)基本條狀圖表效果...2007-11-11
推薦一篇利用th,colgroup,col定義表格樣式...2007-04-04
都已經(jīng)到了 2014 年了，再來說 HTML5 的新特性，實(shí)在是夠晚了，不過這幾個(gè)在介紹 HTML5 的書上很少見到，但又可以方便的應(yīng)用在自己的網(wǎng)站上，所以特地來介紹一下2014-03-03