jquery实现iframe自适应子页面高度

qq_30034681

于 2016-01-19 16:42:32 发布

阅读量970

点赞数

分类专栏： jsp/js/css

jsp/js/css 专栏收录该内容

12 篇文章

订阅专栏

本文详细介绍了如何利用jQuery技术与iframe元素结合，实现在不刷新页面的情况下动态加载和更新页面内容，提高用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//jquery代码一定要写在iframe下面
<iframe name="shopStep" id="shopStep" src="${ctxPath}/site/user/shopCart" style="overflow:visible;"
        scrolling="no" frameborder="no" width="100%" onLoad="reinitIframeEND();"></iframe>
    <script type="text/javascript">
        $("#shopStep").load(function(){
            var mainheight = $(this).contents().find("body").height()+30;
            $(this).height(mainheight);
        });
    </script>