跨浏览器的iframe实现高度自适应的解决方案

本文给出了一个例子来描述iframe自适应高分辨率的方法，具有很大的实用价值。分享给大家参考。具体方法如下：

此方法使用jQuery，所以你需要介绍jQuery的iframe的src页。

父页面相对简单，包括以下代码：







在iframe的src页面，代码如下：



resizecontent（）函数
{
$（窗口。母。文件）。找到（# IF1 ），高度（$（#内容）。Height（））；
}

show400（）函数
{
如果（$（# test400）。Css（显示）= =无）
{
$（# test400）。Css（显示
resizecontent（）；
}
其他的
{
$（# test400）。Css（显示
resizecontent（）；
}
}
$（文档）Ready（函数（）{）
resizecontent（）；
}）



超链接
超链接
超链接

超链接
超链接
超链接
超链接
超链接
超链接
超链接
超链接






uff1a笔记

里面


$（窗口。母。文件）。找到（# IF1 ），高度（$（#内容）。Height（））；



这句话最初是：




$（窗口。母。文件）。找到（# IF1 ），高度（$（document）。Height（））；



自适应高度可以实现，但不能实现缩放自适应，因为文档的高度是显示内容的最高高度。所以如果我们点击iframe扩大，不会缩小，只会显示最高的高度。

所以这里有一个父层容器，最新的代码，这样就可以实现自适应。

相信本文对jQuery程序设计有一定的参考价值。