适用范围：
1.被嵌套的IFRAME内容可控制，因为该脚本就是运行在被嵌套的IFRAME中。
2.内容会根据操作实时变化的，比如说动态增加了数据。
3.不支持跨域。
参数：
iframeid: '', //父窗口中嵌套的IFRAME的ID，必要参数
container: '', //用来获取高度的容器，可以是#ID，也可以是唯一的.Class，默认为整个document
timer: 0, //循环间隔，适用于IFRAME内容会发生改变的情况，默认不循环
speed: 500 //动画时长，指撑开IFRAME时的平滑动作
经测试，循环自适应没有出现CPU或者内存疯长的问题。
//因为要读取父窗口的ID，所以无法跨域使用。
var iframe = parent.document.getElementById(param.iframeid);
if(iframe != null){
var subWeb = parent.document.frames ? parent.document.frames[param.iframeid].document : iframe.contentDocument;
var autoHeight = function(){
if (iframe != null && subWeb != null) {
//获取被嵌套IFRAME内容的高度
var finalHeight = $(param.container).height();
//平滑展开内容
$(iframe).animate({ height: finalHeight }, param.speed);
}
};
//循环自适应高度
if(param.timer > 0){
setInterval(autoHeight, param.timer);
}
评论