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>

  • 相关阅读:
    eclipse中修改工程的Android版本
    解决Deprecated: mysql_connect(): The mysql extension is deprecated and will be removed in the future:
    JavaScript 消息框
    JavaScript HTML DOM 元素(节点)
    JavaScript HTML DOM 事件
    JavaScript HTML DOM
    JavaScript 表单验证
    JavaScript 错误
    SQL利用Case When Then多条件判断
    SQL学习一
  • 原文地址:https://www.cnblogs.com/yuanbao/p/962347.html
Copyright © 2011-2022 走看看