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


常州五颜六色网络技术有限公司 -> 网站建设 -> 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: I=hgfo  
> 3 JU  
<html> 32:,g4!~6  
  <head> :EyH'v  
    <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> q 9qmz[  
    <meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'> C5Q|3d  
    <title>iframe自适应加载的页面高度</title> (~pcPGUG  
  </head> &RXd1>|c2  
  o<-%)#e  
  <body> )T#;1qNB  
    <iframe src="child.htm"></iframe> c i7;v9  
  </body> oKt<s+r  
</html> LF%1)x  
`ea$`2  
child.htm: p%IR4f  
nA F@47Wo  
<html> 0 P/A  
<head> ~B(]0:  
  <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> Z;S*fS-_  
  <meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'> Dr`\  
  <title>iframe 自适应其加载的网页(多浏览器兼容)</title> z9HQFRbo[  
  <script language=javascript> ~J<bwF  
  function iframeAutoFit() ejo4mQ]a  
  { ZX-9BJ`Q  
    try Z(K[oUJx  
    { +7 F7Kh  
      if(window!=parent) P+}qaup  
      { !+ uMH!  
      var a = parent.document.getElementsByTagName("IFRAME"); qoZ*sV  
        for(var i=0; i<a.length; i++) //author:meizz ?qO,=ms>-  
        { 18[f_0@ #  
          if(a.contentWindow==window) )lw7 W9  
          { mApn(&  
            var h = document.body.scrollHeight; ynOp7ZN$  
            if(document.all) {h += 4;} HAO/r`7*  
            if(window.opera) {h += 1;} ]3={o3[:  
            a.style.height = h; a|nlmH"l  
          } uTl:u  
        } yN>"r2   
      } N7oMtlvL[w  
    } J.<eX=<  
    catch (ex) 3~cOQ%#]4  
    { &us8,x6yg  
      alert("脚本无法跨域操作!"); K&)a3Z=(.  
    } NWAF4i&$  
  } Tby+Pd;  
  if(document.attachEvent) window.attachEvent("onload", iframeAutoFit); mlVv3mVyR<  
  else window.addEventListener('load', iframeAutoFit, false); chd${ j  
  </script> h[Iu_#HMa  
</head> ~HYP:6f  
<body> &\"fH+S  
  <div style="width: 200; height: 400; background-color: yellow"> p9s~WD/K  
    iframe 自适应其加载的网页(多浏览器兼容) )K?GAj]Pq  
  </div> 5t<]|-i!  
</body> |wLQ)y*  
</html>

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

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



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