• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    Iframe自适应其加载的内容高度
    html>  
        head>  
           meta  http-equiv='Content-Type'  content='text/html;  charset=gb2312'>  
           meta  name='author'  content='站长中国 http://www.zzcn.net/'>  
           title>iframe自适应加载的页面高度/title>  
        /head>  

        body>
            iframe src="child.htm">/iframe>
        /body>
    /html>

    child.htm:

    html>  
    head>  
       meta  http-equiv='Content-Type'  content='text/html;  charset=gb2312'>  
       meta  name='author'  content='站长中国 http://www.zzcn.net/'>  
       title>iframe  自适应其加载的网页(多浏览器兼容)/title>  
       script  language=javascript>
       function iframeAutoFit()
       {
          try
          {
             if(window!=parent)
             {
              var a = parent.document.getElementsByTagName("IFRAME");
                for(var i=0; ia.length; i++) //author:meizz
                {
                   if(a[i].contentWindow==window)
                   {
                       var h = document.body.scrollHeight;
                       if(document.all) {h += 4;}
                       if(window.opera) {h += 1;}
                       a[i].style.height = h;
                   }
                }
             }
          }
          catch (ex)
          {
             alert("脚本无法跨域操作!");
          }
       }
       if(document.attachEvent)  window.attachEvent("onload",  iframeAutoFit);  
       else  window.addEventListener('load',  iframeAutoFit,  false);  
       /script>  
    /head>  
    body>  
       div  style="width:  200;  height:  400;  background-color:  yellow">  
           iframe  自适应其加载的网页(多浏览器兼容)  
       /div>  
    /body>  
    /html>
    上一篇:在iframe中隐藏横向滚动条的方法大全
    下一篇:固定右栏宽度, 左栏内容先出现同时自适应宽度的布局
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    Iframe自适应其加载的内容高度 Iframe,自,适应,其,加载,的,