繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 多个iframe自动调整大小的问题
- Javascript
- 用js实现终止浏览器对页面HTML的继续解析即停止解析 兼容firefox
- Auntion-TableSort国人写的一个javascript表格排序的东西
- javascript实现二分查找法实现代码
- 利用ASP发送和接收XML数据的处理方法与代码
- 兼容ie和firefox的鼠标经过(onmouseover和onmouseout)实现--简短版
- javascript之文本框输入四个数字自动加空格的脚本
- 比较简单实用的使用正则三种版本的js去空格处理方法
- 比较简洁的JavaScript 实时显示时间的脚本 修正版
- JavaScript检查表单是否为空的函数
- window.open被浏览器拦截后的自定义提示效果代码
- javascript跟随鼠标的文字带滚动效果
- 让插入到 innerHTML 中的 script 跑起来的代码
- Flash+XML滚动新闻代码 无图片 附源码下载
- javascript(js) join函数使用方法介绍
- 表格头固定而列可滚动的效果
- document.designMode的功能与使用方法介绍
- 精解window.setTimeout()&window.setInterval()使用方式与参数传递问题！
- 用javascript实现的电信铁通（网通）自动跳转源代码
- 用js查找法实现当前栏目的高亮显示的代码
- javascript之鼠标拖动位置互换效果代码
Javascript 中的 多个iframe自动调整大小的问题
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 330 ::
收藏到网摘: n/a
一个页面我有多个iframe，且每个iframe的src都不一样，高度也不一样。
怎样用一个函数，自动调整这个页面里所有iframe的高度呢？
function change_size(iframe)
{
iframe.style.height=info_content.document.body.scrollHeight+1+"px";
}
我用过这种方式，但是等号后面的第一个对象不知道应该怎样动态显示。
比如：
function change_size(no)
{
var el_name = "iframe"+no;
el = document.getElementById(el_name);
el .style.height=el.document.body.scrollHeight+1+"px";
//举例，实际不能调整高度，因为后面的el不能指向正确的对象
}
所以我现在暂时用了这种方式，对应每个iframe用一次
a.style.height = iframe_a.document.body.scrollHeight
b.style.height = iframe_b.document.body.scrollHeight
希望您能给一个更为简单的方法，我解除js没多久，可能问题有点愚蠢，请见谅。
感觉上你这样写的自动调整 会出问题.
如果父页面加载完了,而子页面没有加载完,你控制的iframe高度肯定不会是 你所想的高度.
如果你的子页面和父页面同在一个域名下给你推荐一种简单办法.
在父页面中设置一个函数用来 调整某一个ifame的高度,然后在子页面的body onload中调用父页面的这个函数.这样肯定是 等子页面加载完了 在设置的高度,这样可设置成子页面的实际高度.
//父页面的设置高度代码,未测试
复制代码 代码如下:
function setParentFrameHeight(frameid,height){
var frame= document.getElementById(frameid);
frame.style.height = height;//实际的height可以可以在子页面的body里获得
}
评论 (0) All
