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的动画算法的原理与实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-01-01
  • jquery仿微信聊天界面

    jquery仿微信聊天界面

    这篇文章主要为大家详细介绍了jquery仿微信聊天界面的相关代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • jQuery带控制按钮轮播图插件

    jQuery带控制按钮轮播图插件

    这篇文章主要为大家详细介绍了jQuery带控制按钮轮播图插件,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-07-07
  • jquery 可排列的表实现代码

    jquery 可排列的表实现代码

    jquery 可排列的表实现代码 在Table标签上设置 class="sortable" 且Table要设置ID.
    2009-11-11
  • JQuery WEUI Select 组件增加搜索栏示例demo

    JQuery WEUI Select 组件增加搜索栏示例demo

    这篇文章主要介绍了JQuery WEUI Select 组件增加搜索栏示例demo,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2023-10-10
  • jQuery解决iframe高度自适应代码

    jQuery解决iframe高度自适应代码

    网上查了好多用着都不行,自己搞定了:在包含iframe的页面中加入以下脚本,基本思想是在iframe加载内容后重新设置高度,下面代码尽在IE6中用过,没在其他浏览器中测试。
    2009-12-12
  • jquery鼠标停止移动事件

    jquery鼠标停止移动事件

    这篇文章主要介绍了jquery鼠标停止移动事件,有需要的朋友可以参考一下
    2013-12-12
  • Ajax异步获取html数据中包含js方法无效的解决方法

    Ajax异步获取html数据中包含js方法无效的解决方法

    本文主要介绍了Ajax异步获取html数据中包含js方法无效的解决方法,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • Jquery选择子控件"大于号"和" "区别介绍及使用示例

    Jquery选择子控件"大于号"和" "区别介绍及使用示例

    Jquery选择子控件”>“:在给定的父元素下匹配所有的子元素;另一个就是在给定的祖先元素下匹配所有的后代元素,具体概述及使用示例如下,感兴趣的朋友可以参考下哈
    2013-06-06
  • jquery.ajax之beforeSend方法使用介绍

    jquery.ajax之beforeSend方法使用介绍

    这篇文章主要介绍了jquery.ajax之beforeSend方法使用介绍,beforeSend方法用于在向服务器发送请求前添加一些处理函数,需要的朋友可以参考下
    2014-12-12

最新评论