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


常州五颜六色网络技术有限公司 -> 网站建设 -> 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: 5 % 2A[B  
uM-,}7f7  
<html> G0E5Y;YIN$  
  <head> |eqBCZn  
    <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> ^[M{s(b  
    <meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'> ~HZdIPcC  
    <title>iframe自适应加载的页面高度</title> Zt`Tg7m  
  </head> D 2X_Yv  
  O G`8::S  
  <body> 8xAV[i  
    <iframe src="child.htm"></iframe> U1[)eD`  
  </body> \N,ox(f?gW  
</html> -(qRC0V  
[#PE'i4  
child.htm: lQn" 6o1  
T5S4,.o9W  
<html> a.Ho>(V/4  
<head> r |Ui1f5  
  <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> {&  o^p!  
  <meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'> YW7W6mWspS  
  <title>iframe 自适应其加载的网页(多浏览器兼容)</title> ~b f\fPm  
  <script language=javascript> _BczR:D*  
  function iframeAutoFit() 4 &/CES  
  { 22gh!F%)  
    try !wAT`0<94F  
    { +r:g}i R  
      if(window!=parent) )t6]F6!_  
      { I6>J.6luF9  
      var a = parent.document.getElementsByTagName("IFRAME"); ]c.w+<  
        for(var i=0; i<a.length; i++) //author:meizz &m5zd$6  
        { nbi7r cT  
          if(a.contentWindow==window) ex3Qbr  
          { xoaO=7\io  
            var h = document.body.scrollHeight; S;|:ci<[=  
            if(document.all) {h += 4;} ?t#wK}d.  
            if(window.opera) {h += 1;} ll:UIxx  
            a.style.height = h; 9!FX *}dC  
          } VYvfx  
        } 3EoCEPb#  
      } $TQhr#C]  
    } 5>k:PKHL  
    catch (ex) baxZ>KNi  
    { )2}R1K>  
      alert("脚本无法跨域操作!"); Gp"GTP T{  
    } 'ofj1%c  
  } b}e1JPk}!  
  if(document.attachEvent) window.attachEvent("onload", iframeAutoFit); Y\|#Lu>B  
  else window.addEventListener('load', iframeAutoFit, false); 3h@]cWp  
  </script> X>q`F;W  
</head> rfXxg^  
<body> .[|UNg  
  <div style="width: 200; height: 400; background-color: yellow"> iD^,O)b  
    iframe 自适应其加载的网页(多浏览器兼容) <izQ]\kL  
  </div> YQVo7"`%  
</body> sNf& "C!;  
</html>

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

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



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