zoukankan      html  css  js  c++  java
  • iframe自动适应付窗口的大小变换

    index.html---

    <html><title></title><body onload="javascript:{dyniframesize('myTestFrameID');}" onresize="javascript:{dyniframesize('myTestFrameID');}">
    ddddddddddddddddddddddddd<br />
    dddddddddddddddddddddddd<br />ddddddddddddddddddddddddd<br />
    dddddddddddddddddddddddd<br />ddddddddddddddddddddddddd<br />
    dddddddddddddddddddddddd<br />ddddddddddddddddddddddddd<br />
    dddddddddddddddddddddddd<br />
    <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;
       //  if(pTar.Document.body.scrollHeight>document.body.clientHeight)
       //  pTar.height = document.body.clientHeight-340;
      //else
      //pTar.height = pTar.Document.body.scrollHeight;
     // alert(document.body.scrollHeight+240);
     // alert(document.body.clientHeight+1);
     // alert(pTar.Document.body.scrollHeight);
      if(pTar.Document.body.scrollHeight+240<document.body.clientHeight+1)
      pTar.height = document.body.clientHeight-240;  
      else
      pTar.height = pTar.Document.body.scrollHeight;
        }
      }
    }
    </script>
     
    <iframe id="myTestFrameID"
    marginwidth=0 marginheight=0 frameborder=0
    scrolling=no src="content2.html"
    width=200 height=100></iframe>
    kkkkkkkkkkkkkkkkkkkk<br />
    kkkkkkkkkkkkkkkkkkkk<br />
    kkkkkkkkkkkkkkkkkkkk<br />
    kkkkkkkkkkkkkkkkkkkk<br />
    kkkkkkkkkkkkkkkkkkkk<br />
    <script>

    </script>
    </body>
    </html>

  • 相关阅读:
    使用terraform管理Proxmox VE资源
    Terraform Aliyun 创建ecs, kubernetes 实例
    如何在cmd中启动redis
    图片二维码解析URL
    Python爬取百度图片
    Python 爬取b站专栏图片
    python之JS逆向—破解头条抖音登录协议
    python 连接 mongodb 获取部分字段数据并换行写入txt文件
    列表套字典三者匹配对应关系
    python线程池 ThreadPoolExecutor 的用法及实战
  • 原文地址:https://www.cnblogs.com/chinatefl/p/1330578.html
Copyright © 2011-2022 走看看