jQuery解决iframe高度自适应代码
发布时间：2013-09-03 编辑：jiaochengji.com
网上查了好多用着都不行，自己搞定了：在包含iframe的页面中加入以下脚本，基本思想是在iframe加载内容后重新设置高度，下面代码尽在IE6中用过，没在其他浏览器中测试。
网上查了好多用着都不行，自己搞定了：在包含iframe的页面中加入以下脚本，基本思想是在iframe加载内容后重新设置高度，下面代码尽在IE6中用过，没在其他浏览器中测试。
<script type="text/javascript">
<!--
$(
function()
{
//iframe高度随内容自动调整
$('.main').load(
function()
{
$(this).height($(this).contents().find("body").attr('scrollHeight'));
}
);
}
);
// -->
</script>
复制代码 代码如下:
<script type="text/javascript">
<!--
$(
function()
{
//iframe高度随内容自动调整
$('.main').load(
function()
{
$(this).height($(this).contents().find("body").attr('scrollHeight'));
}
);
}
);
// -->
</script>
您可能感兴趣的文章：
js判断当前页面是否被iframe引用的方法
jQuery解决iframe高度自适应代码
iframe自适应宽度和高度的函数一例
Jquery实现iframe高度自适应的代码
JQuery自适应IFrame高度（支持嵌套 兼容IE,ff,safafi,chrome）
js控制iframe高度/宽度自适应
JavaScript Iframe自适应高度问题的解决方法
CSS实现iframe高度自适应示例
Iframe 自动适应页面高度实现代码
基于jquery的兼容各种浏览器的iframe自适应高度的脚本
[关闭]