zoukankan      html  css  js  c++  java
  • 用iframe 自动适应高度

    很多做网站的人都用过IFrame,也常希望能让IFrame自动改变大小,以美化全局效果。以下是两种方法
    方法一:(较通用)
    <script language="Javascript">
    var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
    //extra height in px to add to iframe in FireFox 1.0+ browsers
    var FFextraHeight=getFFVersion>=0.1? 16 : 0 

    function dyniframesize(iframename) {
      
    var pTar = null;
      
    if (document.getElementById){
        pTar 
    = document.getElementById(iframename);
      }
      
    else{
        eval('pTar 
    = ' + iframename + ';');
      }
      
    if (pTar && !window.opera){
        
    //begin resizing iframe
        pTar.style.display="block"
        
        
    if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight){
          
    //ns6 syntax
          pTar.height = pTar.contentDocument.body.offsetHeight+FFextraHeight; 
        }
        
    else if (pTar.Document && pTar.Document.body.scrollHeight){
          
    //ie5+ syntax
          pTar.height = pTar.Document.body.scrollHeight;
        }
      }
    }
    </script>
     
    <iframe id="myTestFrameID" 
    onload
    ="javascript:{dyniframesize('myTestFrameID');}" 
    marginwidth
    =0 marginheight=0 frameborder=0 
    scrolling=no src="/myiframesrc.php" 
    width
    =200 height=100></iframe>
    方法二:(较简便)
    <IFRAME id=headlogin marginWidth=0  marginHeight=0 src="xxx" frameBorder=0 width=100% scrolling=no height=25 onload="this.height=this.contentWindow.document.body.scrollHeight"></IFRAME>

  • 相关阅读:
    数据共享之死锁
    响应式菜单制作
    工作日志2014-07-01
    Thinkphp 无法使用-&gt;order() 排序的两种解决的方法!
    C#
    HDU1232 畅通project 并查集
    Cocos2d-x优化中图片优化
    1.3.4 设计并发友好的应用程序
    UIView的层介绍
    《鸟哥的Linux私房菜-基础学习篇(第三版)》(三)
  • 原文地址:https://www.cnblogs.com/yuanbao/p/962347.html
Copyright © 2011-2022 走看看