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


常州五颜六色网络技术有限公司 -> 网站建设 -> 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: BCtm05  
M:? :EJ  
<html> P<<hg3@  
  <head> GE{u 2<%@  
    <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> TQ\\/e:  
    <meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'> lZa L=HS#L  
    <title>iframe自适应加载的页面高度</title> m|5yET  
  </head> yxt `  
  @3:oo /;  
  <body> 6 -\ghPo  
    <iframe src="child.htm"></iframe> sC=fXCGW\p  
  </body> j>70AE3[8  
</html> 3LaqEj  
&X nbZ&_  
child.htm: .s)z?31  
5|E_ ,d!v  
<html> >pV|c\  
<head> >sL"HyY#H  
  <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> 'kz[Gh*8  
  <meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'> Al sr6uLT1  
  <title>iframe 自适应其加载的网页(多浏览器兼容)</title> 0DFxVH_xN  
  <script language=javascript> eaI!}#>R +  
  function iframeAutoFit() ' N@1+v=  
  { IC6}s  
    try ) OAd[u<  
    { T!T6M6?  
      if(window!=parent) :$`"M#vMX  
      { wlM"Zt  
      var a = parent.document.getElementsByTagName("IFRAME"); 5+gSpg]i  
        for(var i=0; i<a.length; i++) //author:meizz }BpCa6SAs  
        { q DQ$Zq[  
          if(a.contentWindow==window) St6U  
          { @GB~rfB[  
            var h = document.body.scrollHeight; [a&|c%h  
            if(document.all) {h += 4;} 0t-!6  
            if(window.opera) {h += 1;} f ,?P1D\  
            a.style.height = h; Ig hd,G-  
          } gsqpQq7  
        } d8|bO#a%9  
      } p#~Dq(Q  
    } Qg\OJmv  
    catch (ex) <23oyMR0  
    { ZE())W"  
      alert("脚本无法跨域操作!"); F9sVMV  
    } /mb?C/CI  
  } qeK_w '  
  if(document.attachEvent) window.attachEvent("onload", iframeAutoFit); <$^76=x,8P  
  else window.addEventListener('load', iframeAutoFit, false); ;E8.,#/a  
  </script> DA5kox&cU  
</head> Ut;, Z  
<body> nMK,g>wp  
  <div style="width: 200; height: 400; background-color: yellow"> E1U~ ew  
    iframe 自适应其加载的网页(多浏览器兼容) &*wN@e(c  
  </div> 0]C~CvO  
</body> *(%]|z}]m  
</html>

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

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



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