zoukankan      html  css  js  c++  java
  • iframe自动适应加载页面高度

    <html>    
        <head>    
           <meta  http-equiv=’Content-Type’  content=’text/html;  charset=gb2312’>    
       <meta  name=’author’  content=’吕海鹏//www.DeepTeach.com’>    
           <title>iframe自适应加载的页面高度</title>    
        </head>    
           
        <body>  

        <!-- 加载网页 开始-->  

            <iframe src="2.htm" frameBorder="0" scrolling="no" width="100%" ></iframe>  

        <!-- 加载网页 结束-->  

        </body>  
    </html> 



    iframe调用页 2.htm 代码如下: 

    <html>    
    <head>    
       <meta http-equiv='Content-Type' content='text/html; charset=gb2312'>    
       <meta  name='author'  content='吕海鹏//www.DeepTeach.com'>    
       <title>iframe  自适应其加载的网页(多浏览器兼容)</title>    
       <script  language=javascript>  
       function iframeAutoFit()  
       {  
          try  
          {  
             if(window!=parent)  
             {  
              var a = parent.document.getElementsByTagName("IFRAME");  
                for(var i=0; i<a.length; i++) //www.deepteach.com  
                {  
                   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>    
    <!-- 在body内添加内容自动适应其加载的网页 开始-->  
       <div  style="  100%;  height:  400;  background-color:  #99CCFF">    
           iframe  自适应其加载的网页(多浏览器兼容)    
       </div>    
    <!-- 在body内添加内容自动适应其加载的网页 结束-->  
    </body>    
    </html> 

    //成功一定有方法,失败一定有原因。
  • 相关阅读:
    【二十五】cookie与session学习总结
    【二十四】使用mysqli扩展类批量执行多条sql语句
    【二十三】php之预定义超全局变量
    【二十二】mysqli事务处理与预处理总结
    【二十一】基于mysqli的表格数据练习
    【二十】mysqli基于面向过程与面向对象的编程
    为什么所有浏览器的userAgent都带Mozilla
    如何快速的搜索自己想要的资料
    从汇编看c++成员函数指针(三)
    从汇编看c++中指向成员变量的指针(二)
  • 原文地址:https://www.cnblogs.com/webapi/p/2698578.html
Copyright © 2011-2022 走看看