• 用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>

  • 相关阅读:
    net use命令详解(转)
    SQL Server架构SQL Server的执行模式和SQLOS
    SQL Server架构SQL Server的执行模式和SQLOS
    利用xcopy命令实现本地文件复制到远程服务器的方法
    利用xcopy命令实现本地文件复制到远程服务器的方法
    xcopy部署
    xcopy部署
    css样式—字体垂直、水平居中
    音视频&流媒体
    分布式编译工具
  • 原文地址:https://www.cnblogs.com/yuanbao/p/962347.html
Copyright © 2020-2023  润新知