多个iframe自动调整大小的问题


Posted in Javascript onSeptember 18, 2006

一个页面我有多个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里获得 
}
Javascript 相关文章推荐
javascript 写的一个简单的timer
Jul 30 Javascript
javascript getElementsByName()的用法说明
Jul 31 Javascript
Jquery 获取表单text,areatext,radio,checkbox,select值的代码
Nov 12 Javascript
JavaScript实现DIV层拖动及动态增加新层的方法
May 12 Javascript
js中遍历Map对象的方法
Jul 27 Javascript
Angularjs实现上传图片预览功能
Sep 01 Javascript
关于react-router/react-router-dom v4 history不能访问问题的解决
Jan 08 Javascript
Vue实现active点击切换方法
Mar 16 Javascript
layui 实现加载动画以及非真实加载进度的方法
Sep 23 Javascript
使用Node.js实现base64和png文件相互转换的方法
Mar 11 Javascript
js实现详情页放大镜效果
Oct 28 Javascript
vue使用v-model进行跨组件绑定的基本实现方法
Apr 28 Vue.js
跨浏览器的设置innerHTML方法
Sep 18 #Javascript
JavaScript Base64编码和解码,实现URL参数传递。
Sep 18 #Javascript
JavaScript静态的动态
Sep 18 #Javascript
基于Web标准的UI组件 — 树状菜单(2)
Sep 18 #Javascript
JavaScript中的私有成员
Sep 18 #Javascript
javascript的事件描述
Sep 08 #Javascript
由浅到深了解JavaScript类
Sep 08 #Javascript
You might like
php防盗链的常用方法小结
2010/07/02 PHP
PHP简洁函数(PHP简单明了函数语法)
2012/06/10 PHP
php下foreach提示Warning:Invalid argument supplied for foreach()的解决方法
2014/11/11 PHP
PHP实现过滤掉非汉字字符只保留中文字符
2015/06/04 PHP
php获取给定日期相差天数的方法分析
2017/02/20 PHP
php检测mysql表是否存在的方法小结
2017/07/20 PHP
js程序中美元符号$是什么
2008/06/05 Javascript
JavaScript 入门基础知识 想学习js的朋友可以参考下
2009/12/26 Javascript
JS控制文本框textarea输入字数限制的方法
2013/06/17 Javascript
jquery遍历select元素(实例讲解)
2013/12/31 Javascript
解决JavaScript数字精度丢失问题的方法
2015/12/03 Javascript
jquery操作ID带有变量的节点实例
2016/12/07 Javascript
JS排序之冒泡排序详解
2017/04/08 Javascript
postman+json+springmvc测试批量添加实例
2018/03/31 Javascript
Javascript实现运算符重载详解
2018/04/07 Javascript
详解Vue webapp项目通过HBulider打包原生APP(vue+webpack+HBulider)
2019/02/02 Javascript
解决vue打包后vendor.js文件过大问题
2019/07/03 Javascript
云服务器部署Node.js项目的方法步骤(小白系列)
2020/03/23 Javascript
[01:54]胎教DOTA2 准妈妈玩家现身中国区预选赛
2016/06/26 DOTA
[28:05]完美世界DOTA2联赛循环赛Inki vs DeMonsTer 第一场 10月30日
2020/10/31 DOTA
Python3写入文件常用方法实例分析
2015/05/22 Python
Python使用gensim计算文档相似性
2016/04/10 Python
深入浅析python继承问题
2016/05/29 Python
python机器人行走步数问题的解决
2018/01/29 Python
Python实现的简单线性回归算法实例分析
2018/12/26 Python
解决pyinstaller打包pyqt5的问题
2019/01/08 Python
python之mock模块基本使用方法详解
2019/06/27 Python
python用Tkinter做自己的中文代码编辑器
2020/09/07 Python
让IE6支持css3,让 IE7、IE8 都支持CSS3
2011/10/09 HTML / CSS
全球最大化妆品零售网站:SkinStore
2020/10/24 全球购物
博士毕业生自我鉴定范文
2014/04/13 职场文书
岗位明星事迹材料
2014/05/18 职场文书
2016中秋节广告语
2016/01/28 职场文书
Windows11里微软已经将驱动程序安装位置A盘删除
2021/11/21 数码科技
Python中super().__init__()测试以及理解
2021/12/06 Python
Nginx限流和黑名单配置
2022/05/20 Servers