当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 多个iframe自动调整大小的问题

Javascript
javaScript 数值型和字符串型之间的转换
从父页面读取和操作iframe中内容方法
IE DOM实现存在的部分问题及解决方法
jqPlot Option配置对象详解
jquery JSON的解析方式
JavaScript 捕获窗口关闭事件
xml 封装与解析(javascript和C#中)
JavaScript 设计模式学习 Singleton
JavaScript 设计模式学习 Factory
javascript CSS画图之基础篇
JavaScript 获取事件对象的注意点
JavaScript Konami Code 实现代码
Google Map API更新实现用户自定义标注坐标
JavaScript this 深入理解
javascript EXCEL 操作类代码
window.parent调用父框架时 ie跟火狐不兼容问题
关于取不到由location.href提交而来的上级页面地址的解决办法
JS input 数字验证代码
网页全屏显示代码说明分析
JS 学习笔记 防止发生命名冲突

No. « 149 150 151 152 »

技术文章搜索

关键字

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

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-12   浏览: 368 ::
收藏到网摘: 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里获得
}