javascript - 父页面怎么判断iframe里页面的AJAX加载完成并重新计算高度？

问题描述

问 题

公司的项目用了iframe嵌套，大概结构是这样的

<div id="a">
    <div id="b">
        <iframe id="c"></iframe>
    </div>
</div>

现在a的高度默认是500px;设计是动态修改成iframe内容的高度，
b的高度100%；
c也是100%；

c里调用的页面，有一些ajax请求加载的数据，例如表格。然后C里页面的数据加载完后，高度大于C，就会出现滚动条。为了去掉滚动条，我的想法是获取C页面高度赋予给A，但是因为C调用的页面有很多，所以想看看，是否能在当前页面（即父页面）判断子页面的AJAX加载完 然后执行计算高度的函数。

解决方案

这个是你需要的 https://github.com/davidjbradshaw/iframe-resizer

这篇关于javascript - 父页面怎么判断iframe里页面的AJAX加载完成并重新计算高度？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！