数码资讯
使用Javascript实现iframe自适应高度
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
方法1:
复制代码代码如下所示:
$(窗口。母。文件)。找到(# contentiframe)。负荷(函数(){)
VaR主要= $(窗口。母。文件)。找到(# contentiframe );
var = $(document)这个高度也。Height();
如果(这个高度也小于800)
这个高度也= 800;
main.height(这个高度也);
});
这种写作方式只能适应加载时的内在因素。当元素的变化,如添加许多元素和高度变化的,它不可能在时间的父窗体的iframe高度变化。
方法二:
复制代码代码如下所示:
功能setmainheight(){
VaR主要= $(窗口。母。文件)。找到(# contentiframe );
这个高度也= $(功体)的Height();
如果(这个高度也小于800){这个高度也= 800;}
main.height(这个高度也+ 50);
setTimeout(setmainheight,2000);
}
添加定时器,投票决定的子页面的高度。
以上2种可以高度自适应iframe,和伙伴们自由选择根据自己的项目需求。
复制代码代码如下所示:
$(窗口。母。文件)。找到(# contentiframe)。负荷(函数(){)
VaR主要= $(窗口。母。文件)。找到(# contentiframe );
var = $(document)这个高度也。Height();
如果(这个高度也小于800)
这个高度也= 800;
main.height(这个高度也);
});
这种写作方式只能适应加载时的内在因素。当元素的变化,如添加许多元素和高度变化的,它不可能在时间的父窗体的iframe高度变化。
方法二:
复制代码代码如下所示:
功能setmainheight(){
VaR主要= $(窗口。母。文件)。找到(# contentiframe );
这个高度也= $(功体)的Height();
如果(这个高度也小于800){这个高度也= 800;}
main.height(这个高度也+ 50);
setTimeout(setmainheight,2000);
}
添加定时器,投票决定的子页面的高度。
以上2种可以高度自适应iframe,和伙伴们自由选择根据自己的项目需求。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。