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>

  • 相关阅读:
    渣渣菜鸡的蚂蚁金服面试经历(一)
    20 个案例教你在 Java 8 中如何处理日期和时间?
    Spring Boot 2.0系列文章(七):SpringApplication 深入探索
    分布式锁看这篇就够了
    Spring Boot 2.0系列文章(五):Spring Boot 2.0 项目源码结构预览
    20135337朱荟潼——实验三
    20135337朱荟潼Java实验报告二
    5337朱荟潼Java实验报告一
    Linux内核设计笔记12——内存管理
    Linux内核设计笔记11——定时器
  • 原文地址:https://www.cnblogs.com/chinatefl/p/1330578.html
Copyright © 2011-2022 走看看