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


常州五颜六色网络技术有限公司 -> 网站建设 -> 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: &?P=arU  
D+bB G  
<html> aQ.Iq  
  <head> hB|H9+  
    <meta http-equiv='Content-Type' content='text/html; charset=gb2312'>  !7 e i1  
    <meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'> + AE&GU  
    <title>iframe自适应加载的页面高度</title> A8=e?%  
  </head> \[Sm2/9v  
  >wz;}9v  
  <body> <;2P._oZ  
    <iframe src="child.htm"></iframe> KzEuPJ?  
  </body> l.__10{  
</html> qZT 4+&y  
'Qm` A=  
child.htm: w.4u=e >Z4  
6{JR0  
<html> ( z8]FT  
<head> .){e7U6b{  
  <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> Ze [g0"  
  <meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'> K7 t&fDI  
  <title>iframe 自适应其加载的网页(多浏览器兼容)</title> *G%1_   
  <script language=javascript> 7Y-FUZ.`>  
  function iframeAutoFit() 4 7)+'`  
  { ^l]]qdNr  
    try -XS+Uv  
    { SR&(HH$  
      if(window!=parent) g|&.v2 '  
      { w0a+8gexi  
      var a = parent.document.getElementsByTagName("IFRAME"); b xk'a,!S  
        for(var i=0; i<a.length; i++) //author:meizz ]p4`7@@)*  
        { LG/=+[\{E  
          if(a.contentWindow==window) TIK/%T  
          { 2 pM  
            var h = document.body.scrollHeight; dCf'\ @<<  
            if(document.all) {h += 4;} %5Q7#xU  
            if(window.opera) {h += 1;} ue6/EN;}  
            a.style.height = h; p\\P50(-  
          } @1pW!AdN  
        } Ct =E;v7}  
      } 9[t]]  
    } 2- Npw%;  
    catch (ex) K^z5x#Yj  
    { bl:a&<F  
      alert("脚本无法跨域操作!"); 7':5  
    } EO o'a  
  } X <ba|(  
  if(document.attachEvent) window.attachEvent("onload", iframeAutoFit); C,OB3y  
  else window.addEventListener('load', iframeAutoFit, false); C;58z 5*,  
  </script> K%[}[.cW  
</head> %T&&x2p^=?  
<body> eLDL  "L  
  <div style="width: 200; height: 400; background-color: yellow"> N8DiEB3~  
    iframe 自适应其加载的网页(多浏览器兼容) M/8#&RycQ  
  </div> &;NNU T>Q  
</body> #whO2Mv  
</html>

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

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



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