» 您尚未 登录   注册 | 社区服务 | 帮助 | 社区 | 无图版


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

--> 本页主题: JavaScript应用:Iframe自适应其加载的内容高度 加为IE收藏 | 收藏主题 | 上一主题 | 下一主题
阿七




该用户目前不在线
级别: 未验证会员
精华: 0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子

JavaScript应用:Iframe自适应其加载的内容高度

main.htm: 9;u&,R  
r+%}XS%;h  
<html> V}kQXz"9  
  <head> u DpCW}  
    <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> y 6nPs6kR  
    <meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'> > HY( Ij<  
    <title>iframe自适应加载的页面高度</title> mxJ& IV  
  </head> 4R/cN' -  
  nuip  
  <body> xMu[#\Vc  
    <iframe src="child.htm"></iframe> A7qKY-4B  
  </body> P[E5e+ A)  
</html> TZk.?@s5  
Bqd'2HQd  
child.htm: x2bKFJ>e@  
$ kA'9Y  
<html> RHc-kggk!  
<head> %cl=n! T  
  <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> :Ej#qYi  
  <meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'> w+NdEE4H9z  
  <title>iframe 自适应其加载的网页(多浏览器兼容)</title> .A. VOf_  
  <script language=javascript> Hq*\,`b&  
  function iframeAutoFit() G b\Nqx(  
  { W h^9 Aq  
    try <n)J~B^  
    { 5mxYzu;#]  
      if(window!=parent) oK5"RW  
      { 8tR(i[L   
      var a = parent.document.getElementsByTagName("IFRAME"); %)$^_4.g  
        for(var i=0; i<a.length; i++) //author:meizz PYYK R  
        { ?9E shw2  
          if(a.contentWindow==window) S~9K'\vO  
          { O#, Uz2  
            var h = document.body.scrollHeight; R;wq  
            if(document.all) {h += 4;} xV_,R'l  
            if(window.opera) {h += 1;} 3~I|KF7x  
            a.style.height = h; x pWx6  
          } a5/6DK>  
        } 3 %ppvvQ  
      } LyaFWx   
    } QUPZe~G>L  
    catch (ex) eD4qh4|u.  
    { `K,{Y_  
      alert("脚本无法跨域操作!"); CWP),]#n  
    } vr,8i7*0  
  } 3C,G~)= x  
  if(document.attachEvent) window.attachEvent("onload", iframeAutoFit); cmLGMlFT  
  else window.addEventListener('load', iframeAutoFit, false); .^aakM  
  </script> G E=J Y  
</head> $2p=vi 3  
<body> w1aev  
  <div style="width: 200; height: 400; background-color: yellow"> c>_tV3TDA  
    iframe 自适应其加载的网页(多浏览器兼容) rd*`8B  
  </div> )w?DB@Tx  
</body> BB x359  
</html>

[楼 主] | Posted: 2006-04-04 14:28 顶端

常州五颜六色网络技术有限公司 -> 网站建设



Copyright © 2005-2009 5y6s Inc. 苏ICP备05001866号 Powered by PHPWind 5.0.1
Total 0.010555(s) query 4, Gzip enabled
会员言论不代表本站立场 本站法律顾问:北京汇泽律师事务所 韩律师
QQ:点击这里给我发消息 /点击这里给我发消息 /点击这里给我发消息
51La