iframe 自适应宽高

最新推荐文章于 2024-03-14 15:48:00 发布

天下大师傅

最新推荐文章于 2024-03-14 15:48:00 发布

阅读量360

点赞数

分类专栏：前端文章标签： iframe web前端 jquery

本文链接：https://blog.csdn.net/lishengcsdn/article/details/51840464

版权

前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

在网上看到很多类似的，但是没有适合自己的。所以这篇是集百家之长，来为我所用。 希望能对大家有所帮助。

/动态改变父类iframe的高度   
//iframe页面调用的js   
$(function(){
    //取到窗口的高度
    var winH = $(window).height();
    //取到页面的高度
    var bodyH = $(document).height();
    if(bodyH > winH){
       window.parent.document.getElementById("iframes").height=bodyH;
    }else{
      window.parent.document.getElementById("iframes").height=winH;
    }
});