使用javascript实现Iframe自适应高度

这篇文章主要介绍了使用javascript实现Iframe自适应高度,需要的朋友可以参考下

方法一：

 $(window.parent.document).find("#ContentIframe").load(function() {
                     var main = $(window.parent.document).find("#ContentIframe");
                     var thisheight = $(document).height();
                     if (thisheight <800)
                         thisheight = 800;
                     main.height(thisheight);
                 });

这种写法，只能对于加载的时候对固有元素的自适应高度，当元素变化的时候（如添加了很多元素，高度变化后）不能及时改变父窗体的iframe高度。

方法二：

复制代码代码如下:

function setMainHeight() {

    var main = $(window.parent.document).find("#ContentIframe");
    var thisheight = $("body").height();
    if (thisheight <800) { thisheight = 800; }
    main.height(thisheight+50);

    setTimeout(setMainHeight, 2000);
}

以上就是使用javascript实现Iframe自适应高度的详细内容，更多请关注0133技术站其它相关文章！