多个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 相关文章推荐
读jQuery之十四 (触发事件核心方法)
Aug 23 Javascript
JQuery伸缩导航练习示例
Nov 13 Javascript
jQuery响应enter键的实现思路
Apr 18 Javascript
深入浅出理解javaScript原型链
May 09 Javascript
jquery.gridrotator实现响应式图片展示画廊效果
Jun 23 Javascript
利用Angularjs和bootstrap实现购物车功能
Aug 31 Javascript
axios 处理 302 状态码的解决方法
Apr 10 Javascript
微信小程序基于movable-view实现滑动删除效果
Jan 08 Javascript
JS call()及apply()方法使用实例汇总
Jul 11 Javascript
Vue 请求传公共参数的操作
Jul 31 Javascript
vue的webcamjs集成方式
Nov 16 Javascript
canvas绘制折线路径动画实现
May 12 Javascript
跨浏览器的设置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把数据表导出为Excel表的最简单、最快的方法(不用插件)
2014/05/10 PHP
php设计模式之简单工厂模式详解
2014/09/04 PHP
php json_encode()函数返回json数据实例代码
2014/10/10 PHP
php命令行(cli)模式下报require 加载路径错误的解决方法
2015/11/23 PHP
win10环境PHP 7 安装配置【教程】
2016/05/09 PHP
用jquery存取照片的具体实现方法
2013/06/30 Javascript
jQuery多项选项卡的实现思路附样式及代码
2014/06/03 Javascript
JavaScript组合拼接字符串的效率对比测试
2014/11/06 Javascript
js实现ifram取父窗口URL地址的方法
2015/02/09 Javascript
Ionic默认的Tabs模板使用实例
2016/08/29 Javascript
基于Three.js插件制作360度全景图
2016/11/29 Javascript
TypeScript学习之强制类型的转换
2016/12/27 Javascript
JS开发中百度地图+城市联动实现实时触发查询地址功能
2017/04/13 Javascript
js前端导出Excel的方法
2017/11/01 Javascript
深入浅析vue全局环境变量和模式
2020/04/28 Javascript
js实现简单音乐播放器
2020/06/30 Javascript
JS将指定的某个字符全部转换为其他字符实例代码
2020/10/13 Javascript
python计算一个序列的平均值的方法
2015/07/11 Python
python实现图像识别功能
2018/01/29 Python
python如何把嵌套列表转变成普通列表
2018/03/20 Python
Python中修改字符串的四种方法
2018/11/02 Python
Python监控服务器实用工具psutil使用解析
2019/12/19 Python
python中如何进行连乘计算
2020/05/28 Python
Python使用Matlab命令过程解析
2020/06/04 Python
运动鞋、街头服装、手表和手袋的实时市场:StockX
2020/11/25 全球购物
办理暂住证介绍信
2014/01/11 职场文书
幼教求职信
2014/03/12 职场文书
陈欧的广告词
2014/03/18 职场文书
四下基层实施方案
2014/03/28 职场文书
学校安全生产承诺书
2014/05/23 职场文书
学校三节实施方案
2014/06/09 职场文书
科学发展观活动总结
2014/08/28 职场文书
2015年中个人总结范文
2015/03/10 职场文书
法院执行局工作总结
2015/08/11 职场文书
坚持不是死撑,更重要的是心态
2019/08/19 职场文书
Python编写车票订购系统 Python实现快递收费系统
2022/08/14 Python