`
highping
  • 浏览: 44119 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类

怎么让iframe的高度根据所加载页的高度而改变

框架脚本 
阅读更多

        解决思路：
        如果页面没有加载完成是无法知道它的高度的，所以不能直接设置，而必须通过iframe的onload事件来触发脚本，在 iframe 加载完后重新设置它的高为所加载文档的滚动高度。
        具体步骤：
        1.包含框架页的代码。

<iframe frameborder="0" scrolling="no" name="demo"  
onload="document.all.demo.height=document.frames[’demo’].document.body.scrollHeight" src="demo.htm" width="100%"></iframe>

 

        2.demo.htm页代码。

 

<body bgColor="#EEEEEE"> 
<script> 
       document.write(new Array(100).join("1<br>")) 
</script>

 

分享到：
| 控制textarea文本长度,并限制输入字数(带 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    iframe动态适应页面高度

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

    动态的改变IFrame的高度实现IFrame自动伸展适应高度

    动态的改变IFrame的高度，实现IFrame自动伸展，父页面也自动神缩 原理： 在IFrame子页面一加载的时候，调用父IFrame对象，改变其高度 具体实现一: 1、在IFrame的具体页面(就是子页面)，添加JavaScript 代码如下: ...

    javascript动态的改变IFrame的高度实现自动伸展

    动态的改变IFrame的高度，实现IFrame自动伸展，父页面也自动神缩 原理： 在IFrame子页面一加载的时候，调用父IFrame对象，改变其高度 具体实现一: 1、在IFrame的具体页面(就是子页面)，添加JavaScript 代码如下: ...

    ExtAspNet v2.2.1 （2009-4-1） 值得一看

    -修正了使用IFrameUrl的Tab在切换过程中会重复加载的问题，这是一个在v2.1.6引入的问题(feedback:eroach)。 -修正了启用AutoPostBack的Grid，其RowClick会覆盖LinkButtonField, HyperLinkField, CheckBoxField的...

    ExtAspNet_v2.3.2_dll

    -修正了使用IFrameUrl的Tab在切换过程中会重复加载的问题，这是一个在v2.1.6引入的问题(feedback:eroach)。 -修正了启用AutoPostBack的Grid，其RowClick会覆盖LinkButtonField, HyperLinkField, CheckBoxField的...

    超实用的jQuery代码段

    1.15 实现iframe高度自适应 1.16 实现左右div自适应相同高度 1.17 获取鼠标在屏幕中的坐标 1.18 获取鼠标在窗口客户区中的坐标 1.19 获取鼠标在窗口页面中的坐标 1.20 设置Flash对象的WMode窗口模式 1.21 实现类...

    《程序天下：JavaScript实例自学手册》光盘源码

    12.17 页面随窗口的改变而改变 12.18 幻灯片式弹出窗口 12.19 弹出窗口生成器 12.20 关不掉的警告框 12.21 循环的警告框 12.22 屏蔽状态栏的错误提示 12.23 获取模式窗口的值 第13章 日期和时间特效 13.1 指定时间...

    程序天下:JavaScript实例自学手册

    12.17 页面随窗口的改变而改变 12.18 幻灯片式弹出窗口 12.19 弹出窗口生成器 12.20 关不掉的警告框 12.21 循环的警告框 12.22 屏蔽状态栏的错误提示 12.23 获取模式窗口的值 第13章 日期和时间特效 13.1 指定时间...

    C#编程经验技巧宝典

    2 &lt;br&gt;0003　设置程序代码行序号　3 &lt;br&gt;0004　开发环境全屏显示　3 &lt;br&gt;0005　设置窗口的自动隐藏功能　3 &lt;br&gt;0006　根据需要创建所需解决方案　4 &lt;br&gt;0007　如何使用“验证的目标架构”功能　4 ...

    从入门到精通HTML5——PDF——网盘链接

    　12.1 语法的改变 226 　12.1.1 HTML 5的语法变化 226 　12.1.2 HTML 5中的标记方法 226 　12.1.3 HTML 5语法中的3个要点 227 　12.1.4 标签实例 228 　12.2 新增的元素和废除的元素 228 　12.2.1 新增的结构元素 ...

    KODExplorer 芒果云-资源管理器

    - 极佳的操作体验：及其便捷的快捷键支持,让你拥有本地化的体验 - 中文等多语言支持：中文编码全面兼容,文件编辑自动适配。 - 超快的速度：全面采用Ajax+Json进行数据通信,毫秒级的响应速度； - 全平台兼容性：...

Magicbox
Global site tag (gtag.js) - Google Analytics