`
baby69yy2000
  • 浏览: 183122 次
  • 性别: Icon_minigender_1
  • 来自: 自己输入城市...
社区版块
存档分类
最新评论

装载iframe 子页面,自适应高度

    博客分类:
  • HTML
阅读更多
aa.html
<html>
<head>
    <title></title>
</head>
<body>
<p class="aaClass" id="aa" style="height:300px; border:1px solid black;">aa.html</p>
</body>
</html>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<body>

<div style="border:1px solid #7e99c6" id="frameBox">
    <iframe id="frameWin" src="aa.html" name="opWin" style="width:100%; height:100% " frameborder="0" scrolling="no"
            onload="test2()"></iframe>
</div>


<script type="text/javascript">
    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;
    }

</script>

</body>
</html>
分享到:
评论

相关推荐

    javascript 装载iframe子页面,自适应高度

    假设主页面有一个div,里面放置一个iframe 代码如下:”frameBox”&gt; &lt;iframe id=”frameWin” src=”1.html” name=”opWin” style=”width:100%; height:100% ” frameborder=”0″ scrolling=”no”&gt;&lt;/...

    iframe动态适应页面高度

    iframe是网页设计中经常用来装载子页使用的,如何让iframe随着动态装载的子页(主页不刷新)自动适应所装子改变在小是我们经常要处理的问题;现给出两个非常简单的例子,从不同的角度来实现iframe根据最新加载的子页自动...

    应用自适应遗传算法解决集装箱装载问题

    集装箱配载是一个复杂的组合...在满足一定的约束条件下,提出一种3维集装箱装载的自适应遗传算法.算法中考虑了货物放置方向和装载容积等约束条件,给出了有效的解码算法.实例仿真结果表明了该算法的有效性和实用性.&lt;/p&gt;

    iframe中页面显示不全1

    Iframe装载在div中,设置iframe的大小。

    主页面实现两个iframe中元素拖动

    代码实现 一个主页面、 两个子页面,子页面中元素拖动传递的效果。 注意:请使用IIS或者TOMCAT 装载 , 本地路径打开因iframe跨域限制达不到效果!

    电子政务-一种配送装载单元电子开关控制方法.zip

    电子政务-一种配送装载单元电子开关控制方法.zip

    装载优化说明 运输业(货物装载)

    它以提高物流主体作业“运送”、“保管”的装载效率,以削减物流成本为目的,通过最优化装载分析过程,在物流企业不发生实际货物物理转移的情况下,综合考虑货物形状、装载安全性、空间利用率等因素,利用计算机做...

    【三维装箱】基于matlab自适应遗传算法求解三维集装箱装载优化问题【含Matlab源码 2697期】.mp4

    【三维装箱】基于matlab自适应遗传算法求解三维集装箱装载优化问题【含Matlab源码 2697期】.mp4

    装载机工作装置强度分析

    装载机工作装置强度分析 装载机是土方施工工程中十分常见的工程机械之一,对该机种的研究所涉及的领域涵盖了数学、力学、机械、液压、电子、计算机、现代控制理论和技术等许多方面;装载机工作装置的主要功用是铲装...

    最优装载问题——回溯法

    最优装载问题——回溯法 最优装载问题——回溯法 最优装载问题——回溯法

    asp.net装载页面进度条以及Repeater分页

    asp.net装载页面进度条以及Repeater分页

    最优装载问题 c++

    计算计算法设计与分析实验,最优装载问题 c++

    新型掘进机装载机构设计

    掘进机装载机构的性能好坏对装载效率、机械使用寿命有较大影响。针对目前装载机构在结构复杂、故障率高、元件要求高等方面的问题,提出低速大扭矩马达与星轮结合使用的新型装载机构。对液压系统和星轮尺寸、转速以及...

    装载问题回溯算法

    最优装载问题的回溯算法,用回溯法解决装载问题的c++算法。

    铁路棚车装载优化模型

    其中,棚车(有侧墙、端墙和顶墙)装载成件包装货物(通常带有包装,成件运输和保管的货物)最具代表性,但由于棚车车门在车辆一侧的中间,同时为了保障在装载过程中不偏重和偏载,货物需要从两端向中间装载。...

    装载机考试题目及答案1电子教案.pdf

    装载机考试题目及答案1电子教案.pdf

    最优装载问题(贪心算法)c++

    问题描述 有一批集装箱要装上一艘载重量为c的轮船,其中集装箱i的重量为wi (1≤i≤n) 。 最优装载问题要求确定在装载体积不受限制的情况下,将尽可能多的集装箱装上轮船。

    装载问题 装载问题装载问题

    描述: 有两艘船,载重量分别是c1、 c2,n个集装箱,重量是wi (i=1…n),且所有集装箱的总重量不超过c1+c2。确定是否有可能将所有集装箱全部装入两艘船。 输入: 多个测例,每个测例的输入占两行。...

    一种可控箕斗定量装载设备的设计与应用

    为提高煤矿井下装载设备的可靠性和高效性,结合煤矿井下实际生产的功能需求,设计一种结构简单、可靠性较高的可控箕斗定量装载设备,详细介绍了整个系统的设计方案、硬件组成及软件设计的实现。其中,采用了模拟量称重...

Global site tag (gtag.js) - Google Analytics