jQuery解决iframe高度自适应代码

 更新时间:2009年12月20日 02:31:15   作者:  
网上查了好多用着都不行,自己搞定了:在包含iframe的页面中加入以下脚本,基本思想是在iframe加载内容后重新设置高度,下面代码尽在IE6中用过,没在其他浏览器中测试。
复制代码 代码如下:

<script type="text/javascript">
<!--
$(
    function()
    {                    
     //iframe高度随内容自动调整
        $('.main').load(
         function()
            {
                $(this).height($(this).contents().find("body").attr('scrollHeight'));
            }
        );
    }
);     
// -->
</script>

相关文章

  • jQuery简单实现对数组去重及排序操作实例

    jQuery简单实现对数组去重及排序操作实例

    这篇文章主要介绍了jQuery简单实现对数组去重及排序操作,结合实例形式分析了jQuery中unique方法进行数组去重及sort方法排序的相关操作技巧,需要的朋友可以参考下
    2017-10-10
  • 深入理解jquery中的事件与动画

    深入理解jquery中的事件与动画

    下面小编就为大家带来一篇深入理解jquery中的事件与动画。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • 读jQuery之十 事件模块概述

    读jQuery之十 事件模块概述

    jQuery的事件模块是较复杂的,前面仅仅提到了对事件对象的包装。即统一了一些兼容性的问题。这篇会综述下jQuery的整个事件模块。
    2011-06-06
  • jQuery 翻牌或百叶窗效果(内容三秒自动切换)

    jQuery 翻牌或百叶窗效果(内容三秒自动切换)

    jQuery 翻牌或百叶窗效果(内容三秒自动切换),让列表内容不再枯燥
    2012-06-06
  • JS中Array数组学习总结

    JS中Array数组学习总结

    本文主要介绍了JS中Array数组的相关知识。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • jQuery实现单击弹出Div层窗口效果(可关闭可拖动)

    jQuery实现单击弹出Div层窗口效果(可关闭可拖动)

    这篇文章主要介绍了jQuery实现单击弹出Div层窗口效果,具有可关闭可拖动的功能,涉及jQuery响应鼠标事件动态变换页面元素样式的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • 基于ajax及jQuery实现局部刷新过程解析

    基于ajax及jQuery实现局部刷新过程解析

    这篇文章主要介绍了基于ajax及jQurey实现局部刷新过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-06-06
  • 移动节点的jquery代码

    移动节点的jquery代码

    节点的移动在应用中比较常见,如何动态移动某一节点来实现某一特殊效果,下面有个不错的示例,希望对大家有所帮助
    2014-01-01
  • jQuery插件dataTables添加序号列的方法

    jQuery插件dataTables添加序号列的方法

    这篇文章主要介绍了jQuery插件dataTables添加序号列的方法的相关资料,需要的朋友可以参考下
    2016-07-07
  • 通过点击jqgrid表格弹出需要的表格数据

    通过点击jqgrid表格弹出需要的表格数据

    在众多的表格插件中,jqgrid的特点是非常鲜明的,所以jqgrid表格插件用处非常广泛,本篇文章给大家介绍通过点击jqgrid表格弹出需要的表格数据,需要的朋友参考下
    2015-12-12

最新评论