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

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

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

阿七

2006-04-04 14:28

main.htm: ']Z8C)tK
:[doYizk:
<html> 6k2~j j1 d
<head> I8y\D,
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'> VMp6s%m
<meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'> *"@P2F&
<title>iframe自适应加载的页面高度</title> aC*J=_9o#
</head> D%zIm,bf
PyYe>a;.
<body> C}CX n X
<iframe src="child.htm"></iframe> 5s;#C/ZZ
</body> Liofv4![
</html> TO<g@u]*
FwyPmtBj
child.htm: \gdd
[*fnTy
<html> J#\/znT
<head> "='|c-x
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'> C4y<+G.`
<meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'> I8m(p+Z=
<title>iframe 自适应其加载的网页(多浏览器兼容)</title> m{~r6@
<script language=javascript> ^-DK<jZ^
function iframeAutoFit() DGcd|>q
{ <R2bz1!h.
try d/e9LK
{ fy-(B;
if(window!=parent) l! GPOmf9`
{ H]cCyuCdH
var a = parent.document.getElementsByTagName("IFRAME"); Q,scjt[
for(var i=0; i<a.length; i++) //author:meizz *Nv<,Br,F
{ T+I|2HYqOj
if(a.contentWindow==window) 9vXrC_W9
{ 1_A< nt?'R
var h = document.body.scrollHeight; uJi|@{V
if(document.all) {h += 4;} _]B'C
if(window.opera) {h += 1;} Q WOd&=:
a.style.height = h; STO6cNi
} @hk~8y]rz
} #U^@)g6
} 1g *4e
} bEM-^SR
catch (ex) a4c~ThbI
{ Kpg]b"9.R
alert("脚本无法跨域操作！"); m!g f!
} @X|CubJ
} B&cC;Hw
if(document.attachEvent) window.attachEvent("onload", iframeAutoFit); O>UR\l|+:2
else window.addEventListener('load', iframeAutoFit, false); <~'\~Zd+
</script> iJU]|t
</head> TwY]c<t
<body> ;'*"(F=D6
<div style="width: 200; height: 400; background-color: yellow"> kf';"
iframe 自适应其加载的网页(多浏览器兼容) :dK/}S0
</div> Mc9%s$MT
</body> JW (.,Ztm
</html>