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

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

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

阿七

2006-04-04 14:28

main.htm: }c:M^Ff
uCB=u[]y4
<html> z\4.Gm-
<head> o^wqFX(Y
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'> %\:Wi#w>
<meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'> @>7%qS
<title>iframe自适应加载的页面高度</title> a?oI>8*
</head> hXya*#n#
ZYNsHcTY
<body> AQ^u
<iframe src="child.htm"></iframe> b\,+f n
</body> /dIzY0<aO
</html> -$g#I
`@yp+8
child.htm: DVeE1Q
#lO Mm9
<html> y|jq?M<A
<head> b~cZS[S
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'> y<.5xq5_3
<meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'> 4mbBmQV$#
<title>iframe 自适应其加载的网页(多浏览器兼容)</title> @PIp*[7oC
<script language=javascript> @'|~v<<WZ
function iframeAutoFit() f?)-}\[IR{
{ >.D4co>
try H%{+QwzZ[j
{ #s9aI_
if(window!=parent) CNx8] _2
{ -7|H}!DFT
var a = parent.document.getElementsByTagName("IFRAME"); 7PF%76TO
for(var i=0; i<a.length; i++) //author:meizz fd9k?, zM
{ [KQ6Ta.
if(a.contentWindow==window) ,iwp,=h=
{ EBmt9S
var h = document.body.scrollHeight; 8JUwf
if(document.all) {h += 4;} |+"(L#wk
if(window.opera) {h += 1;} U`s{ Jm
a.style.height = h; HLi%%"'
} JjS?
} hFBe,'3M
} Vf1^4t
} N4HqLh 23H
catch (ex) Z$? #
{ 2b8L\$1q
alert("脚本无法跨域操作！"); (C)p9-,
} 28u_!f[
} yEQs:v6L~
if(document.attachEvent) window.attachEvent("onload", iframeAutoFit); [opGZ`>)j"
else window.addEventListener('load', iframeAutoFit, false); caX< n>
</script> Z<{QaY$"
</head> 5Jnlz@P9
<body> I1&aM}y{G
<div style="width: 200; height: 400; background-color: yellow"> {BU;$
iframe 自适应其加载的网页(多浏览器兼容) IEvdV6{K
</div> LjHVJSC
</body> P{^6v=8)
</html>