iframe高度自适应

调整iframe的高度使之不出现滚动条是很常见的需求,原来一直用一个函数,后来发现封装的不太好,于是今天优化了一下。

主要的问题是获取iframe本身元素以及获取iframe中文档对象的区别,获取iframe元素只需要用document.getElementById(frameId);,而获取获取文档对象则需要window.frames[frameName].document的方式来获取。

所有针对iframe元素的操作都可以直接过去元素,而与iframe内容相关的各种操作,如获取所包含文档中的一个js变量,要先获取window对象,然后才能执行操作。


/*
* 调整iframe的高度以适应所引用网页的高度
*/
function iframeResize(frameId, frameName) {
var dyniframe = null;
var indexwin = null;
if (document.getElementById){
if(!frameId) {
frameId = "contentFrame";
frameName = "contentFrame";
}
dyniframe = document.getElementById(frameId);
indexwin = window;
if (dyniframe){
var contentHeight = window.frames[frameName].document.body.scrollHeight;
dyniframe.height = (!contentHeight || contentHeight < 600) ? 600 : contentHeight;
}
}
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值