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


常州五颜六色网络技术有限公司 -> 网站建设 -> 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: CtjjN=5 9  
u:g(x+u4:  
<html> Bw{@YDO{  
  <head> I*K^,XY+  
    <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> >f`}CLsY  
    <meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'> AuO%F Y KY  
    <title>iframe自适应加载的页面高度</title> %}'sFu m`  
  </head> <=A&y5o  
  QXXc Jc~  
  <body> FAPgXmFzx  
    <iframe src="child.htm"></iframe> Ig N,]y  
  </body> nr s!e  
</html> TuaT-Z~U{  
K VQZ  
child.htm: !Y\hF|[z  
Y J1P5u:  
<html> NA\,o;ka  
<head> ghms-.:b8  
  <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> k{@z87+&  
  <meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'> AiO,zjM=  
  <title>iframe 自适应其加载的网页(多浏览器兼容)</title> y{v*iH<  
  <script language=javascript> WZFV8'  
  function iframeAutoFit() \>YXPMIk  
  { \u)s Zh  
    try >fb*X'Zi%  
    { ](Sp0t  
      if(window!=parent) JBU qZ  
      { 9k$uo_i'  
      var a = parent.document.getElementsByTagName("IFRAME"); iqOd] H]v  
        for(var i=0; i<a.length; i++) //author:meizz kkd<CEz2IM  
        { D ORFK  
          if(a.contentWindow==window) /ox}l<ha  
          { 9$)4C|  
            var h = document.body.scrollHeight; TF{ xFb)  
            if(document.all) {h += 4;} >+$1 p_  
            if(window.opera) {h += 1;} .@[+05Yw  
            a.style.height = h; M rVtxzH  
          } & }P62&  
        } M)|} Vn;!  
      } gbSZ- ej  
    } H"n"Q:Yp  
    catch (ex) 8ALYih7"W  
    { nQ/El&{  
      alert("脚本无法跨域操作!"); pX2 Ki^)]  
    } <M 7WWtmx  
  } A\ LTAp(I  
  if(document.attachEvent) window.attachEvent("onload", iframeAutoFit); J#JZ^59lOS  
  else window.addEventListener('load', iframeAutoFit, false); %=_ Iq\lC  
  </script> |EF*]qI  
</head> ))k^7g9M`  
<body> ybB/sShGM  
  <div style="width: 200; height: 400; background-color: yellow"> lRentNg0b  
    iframe 自适应其加载的网页(多浏览器兼容) r,0> 40^  
  </div> 1?mQ fW@G  
</body> O":x$>'t  
</html>

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

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



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