JavaScript应用：Iframe自适应其加载的内容高度网站建设常州五颜六色网络技术有限公司

常州五颜六色网络技术有限公司 -> 网站建设 -> JavaScript应用：Iframe自适应其加载的内容高度

登录 -> 注册 -> 回复主题 -> 发表主题

阿七

2006-04-04 14:28

main.htm: p=zjJ~DVd
`c icjA@~
<html> ?^hC|IR$
<head> l}m@9 ~oC
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'> }\@*A1*X2
<meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'> J-U}iU|
<title>iframe自适应加载的页面高度</title> 09Fr1PL
</head> #q\C"N5ip
b@7 ItzD
<body> @'S-nn,sO
<iframe src="child.htm"></iframe> 9]Y@eRI<
</body> ]!/1qF
</html> wm}i+ApK
q|~9%Pujg
child.htm: J~==<?j:
WPPmh~:
<html> q LR)>$
<head> 4u<oe_n
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'> ?xy~N?N
<meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'> !a /
<title>iframe 自适应其加载的网页(多浏览器兼容)</title> RsE+\)
<script language=javascript> K\uR=L7
function iframeAutoFit() ]86U-`p
{ rwU[dqBRhc
try / Qbt
{ _KKG^ u<
if(window!=parent) s{gdTG6v`
{ myH#.$=A
var a = parent.document.getElementsByTagName("IFRAME"); %KqXtc`O
for(var i=0; i<a.length; i++) //author:meizz 7dAa~!/(
{ ^!=+$@<
if(a.contentWindow==window) .Zo8KwkFY
{ MwiT1sB~
var h = document.body.scrollHeight; n:HF&j4C,
if(document.all) {h += 4;} p!173y,nL
if(window.opera) {h += 1;} euQd
a.style.height = h; )wmXicURC
} )abo5
} w J; y4
} mim]nRd2v
} gwNv;g
catch (ex) xCGvLvFn
{ f~9ADb
alert("脚本无法跨域操作！"); !RAyUfS
} }]kzj0m
} 0Bb amU
if(document.attachEvent) window.attachEvent("onload", iframeAutoFit); IX$ $pdQ
else window.addEventListener('load', iframeAutoFit, false); /&a[D2
</script> YaDr6)
</head> Za5*HCo
<body> c1Xt$[_
<div style="width: 200; height: 400; background-color: yellow"> qa2QS._m
iframe 自适应其加载的网页(多浏览器兼容) LsoP >vJG
</div> S+7>Y? B!
</body> Ub%5# <k|-
</html>