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


常州五颜六色网络技术有限公司 -> 网站建设 -> 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: E)Epr&9S  
Q)i`.mHfFI  
<html> sV4tu(~  
  <head> %<o$ J~l~  
    <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> /8-VC"   
    <meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'> .KMi)1L)  
    <title>iframe自适应加载的页面高度</title> GP k Cgb(  
  </head> 4 ~|TKd{  
  Pj5#G0i%  
  <body> |ssIUJ  
    <iframe src="child.htm"></iframe> \36;csu  
  </body> v/6, eIz  
</html> z7}zf@Y-qv  
'ah0IYe  
child.htm: = y,avR  
"jJ)hk5e  
<html> sN) .J o  
<head> %YAiSSsV  
  <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> t'/;Z:  
  <meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'> (dt_ D  
  <title>iframe 自适应其加载的网页(多浏览器兼容)</title> ZvKMRW  
  <script language=javascript> /6*.%M>r  
  function iframeAutoFit() UN4) >\Y  
  { %4KJ&R (>[  
    try ,DO mh<b  
    { e[dRHl  
      if(window!=parent) vj$  6  
      { qP'g}Pc  
      var a = parent.document.getElementsByTagName("IFRAME"); Ax*~[$$~%  
        for(var i=0; i<a.length; i++) //author:meizz Czxrn2p/  
        { <~*Ol+/  
          if(a.contentWindow==window) sYI':UQe  
          { [ LDzR7vnf  
            var h = document.body.scrollHeight; itgO#(g$Q  
            if(document.all) {h += 4;} .u?$h0u5  
            if(window.opera) {h += 1;} e;[8 GE.   
            a.style.height = h; Y\|J1I,Z4  
          } * XGBym  
        } W-QPO  
      } W (=B H  
    } T+D]bfjr&&  
    catch (ex) ZHasDZ8  
    { 0Wm-` ZA  
      alert("脚本无法跨域操作!"); e_-/p`9  
    } j!)p NZW.<  
  } [ 1GEe  
  if(document.attachEvent) window.attachEvent("onload", iframeAutoFit); ~Xw?>&  
  else window.addEventListener('load', iframeAutoFit, false); aB'@8[]z  
  </script> b{Ss+F  
</head> ,+9r/}K]/  
<body> Fo~v.+^?  
  <div style="width: 200; height: 400; background-color: yellow"> j56 An6g  
    iframe 自适应其加载的网页(多浏览器兼容) KLW+&.re8  
  </div> v2sU$M  
</body> f tDV3If  
</html>

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

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



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