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


常州五颜六色网络技术有限公司 -> 网站建设 -> 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: |-_5ou N.  
,0&lag  
<html> TKLy38  
  <head> G>mgoN  
    <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> m4Wn$Z  
    <meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'> f/;\/Q[Z7  
    <title>iframe自适应加载的页面高度</title> : 6>H\  
  </head> v[a#>!;s  
  ;mi0Q.  
  <body>  29sgi"  
    <iframe src="child.htm"></iframe> Xp} vJl   
  </body> @IiT8B  
</html> oLr"8R\d>t  
GmL|76  
child.htm: 0dcXgP  
OaCL '!  
<html> mLk Z4OZ  
<head> "]_|c\98  
  <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> ^CK)q2K>[  
  <meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'> MW`a>'0t?  
  <title>iframe 自适应其加载的网页(多浏览器兼容)</title> "}OFwes  
  <script language=javascript> /2@%:b)  
  function iframeAutoFit() ?Nh%!2n  
  { 'o7PIhD"  
    try #`p>VXBj!  
    { r0 X2cc  
      if(window!=parent) *}_/:\v  
      { BL8\p_U  
      var a = parent.document.getElementsByTagName("IFRAME"); -ufmpq.  
        for(var i=0; i<a.length; i++) //author:meizz ]JD$fS=_  
        { dJLJh*=AG  
          if(a.contentWindow==window) R82Y&s;  
          { fiZv+R<x1  
            var h = document.body.scrollHeight; aydal 9M  
            if(document.all) {h += 4;} KvD$`"L/CT  
            if(window.opera) {h += 1;} _#gsR"FZ$  
            a.style.height = h; Q jBCkx]g  
          } }-L@AC/\#  
        } JG<3,>@%  
      } 7P`1)juA9  
    } >o} ati  
    catch (ex) yhdG 93  
    { Az-!LAu9 R  
      alert("脚本无法跨域操作!"); z}8YrVr@  
    } V[I<9xaE  
  } /K!,^Xn  
  if(document.attachEvent) window.attachEvent("onload", iframeAutoFit); =| !~0O  
  else window.addEventListener('load', iframeAutoFit, false); o3yqG#dA  
  </script> ]-'9|N*}l  
</head> 2SJh6U  
<body> M([H\^\:  
  <div style="width: 200; height: 400; background-color: yellow"> 3b 3cNYP  
    iframe 自适应其加载的网页(多浏览器兼容) +=h!?<*C8  
  </div> ]R{"=H'  
</body> M=WE^v!b  
</html>

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

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



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