zoukankan      html  css  js  c++  java
  • Iframe 自适应其加载的网页高度(多浏览器兼容版)

    如何在打开这个页面时得到这个页面的高度?
    一个框架面面,包含三个页面
    头,左,右三个页面
    右面的页面是主显示区会有滚动条,如何让整个框架页有滚动条,而不是单个页面出滚动条。
    ---------------------------------------------------------------

    <html>
    <head>
      <meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
      <meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'>
      <title>用 iframe 模拟 frame 使网架网页能够居中</title>
    </head>

    <body topmargin=0 leftmargin=0><center>
    <table border=0 width=780 height=100% cellspacing=0 cellpadding=0 align=center>
      <tr><td width=780 colspan=2 height=100>
          <iframe width=100% height=100% frameborder=1></iframe>
      </td></tr>
      <tr>
        <td width=180>
          <iframe width=100% height=100% frameborder=1></iframe>
        </td>
        <td width=600 valign=top><div style="height: 100%">
          <iframe width=100% height=100% name="MzMain" frameborder=1
           id="MzMain" src="用iframe模拟frame子页.htm"></iframe>
        </div></td>
      </tr>
    </table>
    </center></body></html>


    用iframe模拟frame子页.htm
    <html>
    <head>
      <meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
      <meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'>
      <title>iframe 自适应其加载的网页(多浏览器兼容)</title>
      <script language=javascript>
      function iframeAutoFit()  //author: meizz(梅花雪 20041225)
      {
        if(self!=top && window.name=="MzMain") //这个 name 对应的是 iframe 的 name
        {
          var iframe = parent.document.getElementById(window.name);
          if(iframe)
          {
            iframe.parentNode.style.height = iframe.style.height;
            iframe.style.height = 10;
            var h = document.body.scrollHeight;
            var minimalHeight = parseInt((window.screen.width*11)/16, 10) - 280;
            h = h<minimalHeight ? minimalHeight : h;
            if(window.navigator.appName == "Microsoft Internet Explorer"
              && iframe.frameBorder=="1") h += 4;
            iframe.parentNode.style.height = iframe.style.height = h;
          }
          else alert("Iframe's id unequal to iframe's name!");
        }
      }
      if(document.attachEvent) window.attachEvent("onload", iframeAutoFit);
      else window.addEventListener('load', iframeAutoFit, false);
      </script>
    </head>
    <body>
      <span style=" 300; height: 400; background-color: yellow">
        iframe 自适应其加载的网页(多浏览器兼容)
      </span>
    </body>
    </html>

  • 相关阅读:
    php中 global 和$GLOBALS有何不同
    perl 使用LDAP模块
    Sqlite和SQLCE在Windows Mobile 6上的性能对比
    Silverlight学习点滴系列(二)
    C#的新特性:自动属性,对象初始化器,和集合初始化器(转载)
    Silverlight学习点滴系列(一)
    Silverlight学习点滴系列(三)
    URL中传递中文参数 以流形式文件上传下载 演变
    C#经典面试题及答案
    C#笔试题目(综合版样题) (转载)
  • 原文地址:https://www.cnblogs.com/luluping/p/1437814.html
Copyright © 2011-2022 走看看