zoukankan      html  css  js  c++  java
  • Frame框架高度问题

    法一:在子页面中写代码:

    假设主页面有一个div,里面放置一个iframe
    <div id="frameBox">
    <iframe id="frameWin" src="1.html" name="opWin" style="100%; height:100% " frameborder="0"  scrolling="no"></iframe>
    </div>
    3个菜单链接,分别在iframe加载 1.html、2.html、3.html 三个页面。

    3个子页面分别在自己页面加载完window.onload执行
    function aa(){  
           var newHeight = document.body.scrollHeight + 20 + "px";       
           window.parent.document.getElementById("frameBox").style.height = newHeight;
           //以上firefox通过,但是ie6必须加上下面这句,不然iframe高度是改了,但是可见区域没有改
           window.parent.document.getElementById("frameWin").style.height = newHeight;
    }

    法二,在主页面中写代码:

    觉得原来的方法不是很好


    • 每一个嵌进来的页面都要去修改
    • 占用了每一个嵌进来的页面的onload

    所以修改了一下,把函数放在了主页面,ie6、firefox2 通过,希望ie7的网友帮忙测试
    页面代码:
    <div style="border:1px solid #7e99c6" id="frameBox">
           <iframe id="frameWin" src="01.html" name="opWin" style="100%; height:100% " frameborder="0" scrolling="no" onload="test2()"></iframe>
    </div>

    js脚本(加在主页面):
    function test2(){
           var frameWin = document.getElementById("frameWin");
           var frameBox = document.getElementById("frameBox");
           var newHeight;
           if (frameWin.Document){
                  newHeight = frameWin.Document.body.scrollHeight + 20 + "px";
           }else{
                  newHeight = frameWin.contentDocument.body.scrollHeight+ 20 + "px";
           }
           frameWin.style.height = newHeight;
           frameBox.style.height = newHeight;
    }

  • 相关阅读:
    MYSQL性能优化的最佳20+条经验
    MySQL性能分析工具之PROFILE
    理解事务的4种隔离级别
    二进制中1的个数
    滑动窗口最大值
    字符流中第一个不重复字符
    字符串转化为整数
    java字符,字符串,数字之间的转换
    java中数组输出的方式
    java基础知识(1)
  • 原文地址:https://www.cnblogs.com/nianshi/p/1653144.html
Copyright © 2011-2022 走看看