自适应IFRAME高度 - jquery.cvautoheight.js

时间：2011-01-13 来源：0417

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({ 
    }
};

//循环自适应高度
if(param.timer > 0){
    setInterval(autoHeight, param.timer);
}

相关阅读更多 +