您的位置: 首页 - IFrame
  • 本站大部分内容从网上收集,收集目的仅供研究、学习。涉及版权或不希望收录您的文章请您及时与我联系。
  • 本站IM群,请自行选择。请各位朋友按照自己喜好加入。加入群后请及时发言,防止被清理。谢谢您的合作!!!
  • QQ群:Y①WEB开发(ASP.NET)号码:7351660 QQ群:Y②WEB开发(ASP+.NET)号码:11864905
  • QQ群:Y③WEB开发(DIV+CSS)号码:16610506 QQ群:Y④WEB开发(JS+AJAX)号码:16143998
  • QQ群:Y⑤WEB开发(新手)号码:12777715 MSN群:yaosansi[at]126.com

JavaScript应用:Iframe自适应其加载的内容高度

分类: JavaScript 发布: yaosansi 浏览: 日期: 2006年3月27日

main.htm:

   1: <meta content="text/html;  charset=gb2312" http-equiv="Content-Type" />
   2: <iframe src="child.htm"></iframe>

child.htm:

   1: <meta content="text/html;  charset=gb2312" http-equiv="Content-Type" />
   2: <script  language=javascript>
   1:  
   2:    function iframeAutoFit()
   3:    {
   4:       try
   5:       {
   6:          if(window!=parent)
   7:          {
   8:           var a = parent.document.getElementsByTagName("IFRAME");
   9:             for(var i=0; i<a.length; i++) 
  10:             {
  11:                if(a[i].contentWindow==window)
  12:                {
  13:                    var h = document.body.scrollHeight;
  14:                    if(document.all) {h += 4;}
  15:                    if(window.opera) {h += 1;}
  16:                    a[i].style.height = h;
  17:                }
  18:             }
  19:          }
  20:       }
  21:       catch (ex)
  22:       {
  23:          alert("脚本无法跨域操作!");
  24:       }
  25:    }
  26:    if(document.attachEvent)  window.attachEvent("onload",  iframeAutoFit);  
  27:    else  window.addEventListener('load',  iframeAutoFit,  false);  
  28:    
29: </script>
  30: <div style="width: 200px; height: 400px; background-color: yellow">  31: iframe 自适应其加载的网页(多浏览器兼容)  32: </div>

 

IFrame语法小全

分类: HTML 发布: yaosansi 浏览: 日期: 2006年1月5日

IFrame可以在网页内嵌入另一个页面,类似“画中画”形式。

  标记的使用格式是:

分页:[«]1[»]

Powered By Z-Blog 1.8 Walle Build 100427

UNISON UPDATE Copyright 2005-2010 yaosansi'site All Rights Reserved.
感谢系统大玩家为本站提供FTP空间
辽ICP备05021434号