根据内容自动调整IFrame高度

  有时为了方便使用Iframe,但被潜入的页面长度不是固定的,显示滚动条不仅影响美观还对用户操作带来不便,自动调整高度可以解决这个问题。
<SCRIPT LANGUAGE="JavaScript">

function f_frameStyleResize(targObj){

var targWin = targObj.parent.document.all[targObj.name];

if(targWin != null) {

var HeightValue = targObj.document.body.scrollHeight

if(HeightValue < 600){HeightValue = 600} //不小于600

targWin.style.pixelHeight = HeightValue;

}

}

function f_iframeResize(){

bLoadComplete = true; f_frameStyleResize(self);

}

var bLoadComplete = false;

window.onload = f_iframeResize;

</SCRIPT>

  注意:iframe必须要有name属性,否则无效。

时间: 2024-08-31 02:12:08

根据内容自动调整IFrame高度的相关文章

js实现iframe 高度自适应

 <script type="text/javascript"> //** iframe自动适应页面 **// //输入你希望根据页面高度自动调整高度的iframe的名称的列表 //用逗号把每个iframe的ID分隔. 例如: ["myframe1", "myframe2"],可以只有一个窗体,则不用逗号. //定义iframe的ID var iframeids = ["top1"] //如果用户的浏览器不支持if

flash中AS3 让TextField自适应内容高度(根据内容自动调整高度)

时使用TextField文本框显示文字时,想让TextField能随内容自动调整高度,而不是设置个固定高度.如下图:   实现方法: 在设置完 TextField 的文本内容后,将其高度设置为内容高度(textHeight).同时由于文本内容区域距边框上下左右都有2像素边距,所有高度还要加4. package {     import flash.display.Sprite;     import flash.text.TextField;     import flash.text.Text

支持跨域iframe高度随内容动态缩放自适应

iframe高度随页面内容自适应高度,当页面高度变动时iframe高度也自动变化 浏览器兼容:IE6++.Firefox全系列.Chrome全系列.(其他版本浏览器未做测试,期待你测试评论反馈以完善本文,谢谢) 同域环境下实现方法: 方法一:仅修改iframe父页面(iframeA.php),iframe子页面内容(iframeB.php)不用添加其他js或额外代码 iframe父页面(iframeA.php)添加代码如下:  代码如下 复制代码 <iframe width="100%&q

适应各个浏览器的iframe高度自动调整

1.mzone.cc.js文件,用来创建基于命名空间的对象  代码如下 复制代码 function mzone(){}; /**    * Desc   : 使用给定的对象路径进行对象的创建    * Para   : objPath - 对象路径,字符串类型,格式为:xx.yy.zz    * Return : 没有返回值,创建成功后直接使用对象路径即可    */ mzone.createObject = function(/*string*/objPath) {    if (!objPa

jQuery解决iframe高度自适应代码_jquery

复制代码 代码如下: <script type="text/javascript"> <!-- $(     function()     {                          //iframe高度随内容自动调整         $('.main').load(          function()             {                 $(this).height($(this).contents().find("b

iframe高度宽度自适应(转)

http://www.cnblogs.com/snandy/p/3900016.html 跨子域的iframe高度自适应 完全跨域的iframe高度自适应   同域的我们可以轻松的做到 1. 父页面通过iframe的contentDocument或document属性访问到文档对象,进而可以取得页面的高度,通过此高度值赋值给iframe tag. 2. 子页面可以通过parent访问到父页面里引入的iframe tag,进而设置其高度.   但跨域的情况则不允许对子页面或父页面的文档进行访问(返

html-display=&amp;amp;quot;block&amp;amp;quot;改为&amp;amp;quot;none&amp;amp;quot;后,网页有空白及iframe 高度动态设置

问题描述 display="block"改为"none"后,网页有空白及iframe 高度动态设置 1.index.html 2.iframetop.html 3.iframebottom.html 主要问题: 1.iframebottom.html 里面,点击:展开介绍按钮时显示没有问题,但再点击收回介绍,span 的 display属性=none时,页面会留下一片空白(占用了空间),请问如何解决? 2.在 index.html 页面,嵌套了2个iframe,一般

Iframe高度自适应(兼容IEFirefox、同域跨域)

在实际的项目进行中,很多地方可能由于历史原因不得不去使用iframe,包括目前正火热的应用开发也是如此. 随之而来的就是在实际使用iframe中,会遇到iframe高度的问题,由于被嵌套的页面长度不固定而显示出来的滚动条,不仅影响美观,还会对用户操作带来不便.于是自动调整iframe的高度就成为本文的重点. 采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键,同时由于JavaScript对不同域名下权限的控制,引发出同域.跨域两种情况. 同域时Iframe高度自适

如何设置iframe高度自适应在跨域情况下的可用方法_javascript技巧

在页面上使用iframe来动态加载页面内容是网页开发中比较常见的方法.在父页面中给定一个不带滚动条的iframe,然后对属性src指定一个可加载的页面,这样当父页面被访问的时候,子页面可以被自动加载.iframe的高度需要根据子页面的实际高度来进行调整.如果iframe的高度小于子页面的实际高度,超出的部分无法显示:相反,如果iframe的高度过高,则页面上会出现大量的空白区域.我们可以通过属性或者CSS来设置iframe的高度,当不确定子页面内容的高度时,也可以通过脚本来进行动态指定.但是如果