首页 > 其他分享 >自适应高度(子页面)

自适应高度(子页面)

时间:2024-08-28 17:48:33浏览次数:9  
标签:function style 高度 适应 iframe 页面

        <div >
                <iframe id="sonList3" src="${webRoot}/pdmQcApplyController.do?goZh3" frameborder="0" width="1300px" onl oad="resizeIframe(this)"></iframe>
            </div>
            <div >
                <iframe id="sonList5" src="${webRoot}/pdmQcApplyController.do?goZh5" frameborder="0" width="1300px" onl oad="resizeIframe(this)"></iframe>
            </div>
            <div >
                <iframe id="sonList4" src="${webRoot}/pdmQcApplyController.do?goZh4" frameborder="0" width="1300px" onl oad="resizeIframe(this)"></iframe>
            </div>
   function resizeIframe(iframe) {
         iframe.style.height = iframe.contentWindow.document.documentElement.scrollHeight + 'px';
     }

 

 

不固定两个页面高度 

 

标签:function,style,高度,适应,iframe,页面
From: https://www.cnblogs.com/xueblvip/p/18375891

相关文章

  • vue获取屏幕的实时 宽度 / 高度
    mounted(){constthat=this;window.onresize=()=>{return(()=>{window.screenWidth=document.documentElement.clientWidth;//实时宽度window.screenHeight=document.documentElement.clientHeight;//实时高度......
  • vxe-grid expandContent自定义展开的高度,以及展开的内容不要多于父vxe-grid会出现水平
    1、先上一张图,展示下效果:VxeTablev4.6默认是自适应高度的,也就是说我们只要指定展开的内容的最小高度就可以了。这样就可以保证展开的高度不会来回切换,并且我们可以限制容器里的内容的高度来实现。<stylelang="less"scoped>.sub-table{min-height:350px;......
  • Web大学生网页作业成品——香奈儿香水介绍网页设计与实现(HTML+CSS)(1个页面)
    ......
  • 页面嵌套对于低代码或者零代码有什么必要性?
    页面嵌套对于低代码或零代码平台的重要性主要体现在以下几个方面:1.模块化与复用性页面嵌套允许开发者将复杂的应用分割成多个逻辑上独立、易于管理和维护的小部分。每个小页面或组件专注于完成特定功能,从而提高了代码的模块化程度。在低代码或零代码平台中,这种模块化设计使得页......
  • 低代码一定要页面嵌套吗?
    要想零代码开发复杂应用界面,不仅仅是可视化大屏展示,或者简单表单页面。比如下面这款开源工具UIOTOS,通过嵌套,能把其他页面引用过来,复杂的功能模块化拆解、封装,真正实现“搭积木”、原型即应用:UIOTOS项目地址:官网:https://www.uiotos.net/码云:https://gitee.com/uiotos/uiotos-co......
  • js实现刷新页面后回到记录时滚动条的位置
    第二种方案1.通过div的onscroll事件记录滚动条的scrollTop值,设置到document.cookie2.页面加载时再读取document.cookie的值,设置给div的scrollTop<scripttype="text/javascript">functionKeepScrollBar(){varscrollPos;if(typeofwindow.pageYOffset!='undefi......
  • 调整 MongoDB 以适应批量加载
    将几十亿条记录加载到MongoDB中,开始时加载速度还不错,但一段时间后就开始明显放缓。通过观察指标进行了一些研究,发现随着时间的推移,WiredTiger的检查点时间越来越长。检查点时间从最初的几秒到后面的几分钟。在检查点期间,性能基本上是直线下降: WiredTiger检查点从MongoDB......
  • 解决方案 | Claunch如何实现双击CTRL键(连续按下2次CTRL)呼出启动页面?
     众所周知,listary可以连续按下2次CTRL键用于打开搜索界面。  为了方便, Claunch其实也可以通过键盘启动,本次给出方法: Claunch如何实现连续按2次CTRL键(这里以SHIFT键演示,因为我的ctrl键已经被listary占用)呼出启动页面。  Claunch右键---选项---键盘----热键-----按下sh......
  • 安防视频汇聚平台EasyCVR启动后无法访问登录页面是什么原因?
    安防视频监控/视频集中存储/云存储/磁盘阵列EasyCVR平台基于云边端一体化架构,兼容性强、支持多协议接入,包括国标GB/T28181协议、部标JT808、GA/T1400协议、RTMP、RTSP/Onvif协议、海康Ehome、海康SDK、大华SDK、华为SDK、宇视SDK、乐橙SDK、萤石云SDK等。有用户反馈,安防监控系统......
  • vue ant-design上传文件,暂存后在其他页面提交数据(file格式转base64后保存数据,其他页面
    longlongtimenoupdate,huuuuu~最近做一个看起来简单但是功能有点繁琐的东西就是再A页面上传文件,然后B页面确定上传后调用接口,我不知道我这个逻辑对不对哈,有毛病求指教首先用的ant-design框架上传文件<a-uploadlist-type="text":multiple="false":file-list="fileList"......