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


常州五颜六色网络技术有限公司 -> 网站建设 -> 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: HT)b3Ws~M8  
z"bgtlfb8  
<html> ,.uu/qV}w  
  <head> GJai!$v  
    <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> 'm}K$h(U  
    <meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'> v>YdPQky  
    <title>iframe自适应加载的页面高度</title> su/l'p'  
  </head> Q ,30  
  YpoO:  
  <body> "8%B (a 5A  
    <iframe src="child.htm"></iframe> /c'3I  
  </body> ^;@q^b)ZP  
</html> K,bv\j;f  
evNo(U\C  
child.htm: fs+l  
WM5 s  
<html> _"SE^_&c  
<head> w'z ?1M(*  
  <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> 0ohpJh61Q  
  <meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'> <DP_`[+C  
  <title>iframe 自适应其加载的网页(多浏览器兼容)</title> /2pf*\u  
  <script language=javascript> exrsYo!%  
  function iframeAutoFit() {%5k1,/(  
  { W.TZU'%  
    try Nl3 x BM%  
    { %5 V!Fdb  
      if(window!=parent) :L#t?~  
      { %7%7 W*0d  
      var a = parent.document.getElementsByTagName("IFRAME"); rTYDa3  
        for(var i=0; i<a.length; i++) //author:meizz O^ZOc0<  
        { }ozlED`E  
          if(a.contentWindow==window) fH~InDT^  
          { g3Q]W(F%$  
            var h = document.body.scrollHeight; =xcA4"k  
            if(document.all) {h += 4;} w6DK&@w`'/  
            if(window.opera) {h += 1;} B5h-JON]-  
            a.style.height = h; ktLXL;~X  
          } Q<W9<&VZe  
        } rB|Mp!g%@  
      } 08AC 9  
    } dd1m~Gm  
    catch (ex) %}jwuNGA  
    { lxoc.KDtR  
      alert("脚本无法跨域操作!"); "+3p??h%Rq  
    } Q!K@  
  } Y: &?xR  
  if(document.attachEvent) window.attachEvent("onload", iframeAutoFit); 3Tze`Q 9  
  else window.addEventListener('load', iframeAutoFit, false); h- .V[]<  
  </script> *KNj5>6=  
</head> ^2E\{$J  
<body> %7=B?c |  
  <div style="width: 200; height: 400; background-color: yellow"> tdSy&]P  
    iframe 自适应其加载的网页(多浏览器兼容) j<H`<S  
  </div> Cj 31>k1  
</body> *y[i~{7:  
</html>

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

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



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