iframe随记

L824627453

已于 2024-01-16 15:47:41 修改

阅读量539

点赞数

文章标签： javascript css html

于 2022-01-06 14:29:53 首次发布

本文链接：https://blog.csdn.net/L824627453/article/details/122342883

版权

本文介绍了如何使用jQuery在网页中根据底部菜单变化动态调整iframe的高度，确保其与页面布局无缝配合。通过监测窗口大小变化，实时更新iframe的高度，解决了$(...)[0].contentWindow.xxx is not a function这类常见问题。

摘要由CSDN通过智能技术生成

// 根据底部菜单的大小调整iframe的大小

$(window).resize(function(){
   iframeHeight();
   });
   iframeHeight();

   function iframeHeight(){
   var sHeight=document.documentElement.clientHeight;
                   var bottom_height=document.documentElement.clientWidth/375*58;
   $(".iframe").css("height",(sHeight-bottom_height)+"px");
                       // console.log(sHeight-bottom_height)
                       // console.log($(".iframe").css("height"));
                       // console.log($(".iframe").css("height"));
   };

.nav_bj {bottom: 0;left: 0;width: 7.5rem;height: 1.16rem;}

.adiv {width: 100%;height:100%;position: fixed;top: 0rem;left:0rem;}
.iframe {width: 100%; height: 100%; top: 0;left: 0;border: none;margin: 0;position: absolute;background: none;}

//iframe数据获取方式

iframe中如何获取子级和父级元素方法总结_51CTO博客_Iframe从父级获取子级问题

疑难杂症：报错 $(...)[0].contentWindow.xxx is not a function

$(...)[0].contentWindow.xxx is not a function_iframewin.contentwindow.submithandler is not a fun-CSDN博客