如何让 iframe 内嵌页面内容显示完全？

2013-11-21 11:19:08 6.1k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

使用iframe框架后的页面，执行跳转命令，目标页面内嵌至iframe的子页面的解决方法问题描述：在做项目的过程中，需要完成修改密码后重新登录的功能，但是前端页面使用了IFrame的框架，修改页面内嵌在的index.html中，重新登录的页面就内嵌到原来的页面中。问题如图所示：修改密码成功后：出现问题，修改密码页面跳转到的登录页面内置到了子页面中登录后出现了如下页面：前端使用的是AngularJs，后台使用的sp... 阅读详情

如图所示，
右边的html代码为：



    <div id="tabframe"region="center" class="easyui-tabs" fit="true" border="false" >

        <div id="tab1"title="主页" >

            <iframe id="contentPage" style="width:100%;height:100%; "   scrolling="yes" frameborder="0" marginheight="0"

                marginwidth="0"></iframe>

        </div>

    </div>

点击左面的树，Js如下



onClick: function (node) {

      $(this).tree('toggle', node.target);

      $("#contentPage").attr("src", node.attributes);

  ｛

====
子页面html如下
<body class="easyui-layout" >
<table id="userManageGrid" fit="true" style="overflow:hidden;padding:2px;" ></table>
</body>

**********************

目前有2问题，1.子页面里的分页栏显页不了。2.子页面右边还有内容显示不全。
本人学做web不太多。
请问，如何让子面而里的内容显示完全并满铺于iframe。且能按浏览器窗口在小变化时随时调整。

...全文

频偏估计技术：从原理到5G应用的实战解析本文深入解析了5G通信中的频偏问题及其核心技术。频偏如同调不准的旋钮，会导致信号失真与载波间干扰。文章详细拆解了整数倍与小数倍频偏估计两大核心方法，重点剖析了基于循环前缀和基于同步信号块的算法原理与优劣，并结合eMBB、mMTC、URLLC三大5G应用场景，提供了实战算法选择策略与参数调优避坑指南。阅读详情

编程夜猫

JavaScript 87,984 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

碧海擎天逍遥仙 2015-05-31

打赏
举报

您好,我遇到了同样的问题 ,请问不显示分页条的问题是怎么解决的

编程夜猫 2013-11-21

打赏
举报

编程夜猫 2013-11-21

打赏
举报

引用 3 楼 showbo 的回复:

在增加fit:true，自动填充父容器

找到问题在哪了。谢谢。但浏览器窗口大小变化，好象不太好实现内容跟着同步调整大小。

编程夜猫 2013-11-21

打赏
举报

引用 3 楼 showbo 的回复:

在增加fit:true，自动填充父容器

不行，没用。


collapsible: false,
                fitColumns: true,
                singleSelect: true,
                fit:true,
                remoteSort: false,
                sortName: 'UserId',
                sortOrder: 'asc',
                striped: true,
                nowrap: true,
                idField: 'UserId',
                method: 'get',
                loadMsg: '正在加载数据...',

斯洛文尼亚旅游 2013-11-21

打赏
举报

在增加fit:true，自动填充父容器

编程夜猫 2013-11-21

打赏
举报

引用 1 楼 showbo 的回复:

grid配置fitColumns:true试试

有的，已经配置了。


$('#userManageGrid').datagrid({
               
                collapsible: false,
                fitColumns: true,
                singleSelect: true,
                
                remoteSort: false,
                sortName: 'UserId',
                sortOrder: 'asc',
                striped: true,
                nowrap: true,
                idField: 'UserId',
                method: 'get',

斯洛文尼亚旅游 2013-11-21

打赏
举报

grid配置fitColumns:true试试

编程夜猫 2013-11-21

打赏
举报

引用 7 楼 showbo 的回复:

配置fit，fitColumns都为true，同时iframe的window注册resize事件试试
$(window).resize(function(){
  $('#gridid').datagrid('resize');
});

是在Grid所在的子页面注册该事件吗？好象没效果

斯洛文尼亚旅游 2013-11-21

打赏
举报

配置fit，fitColumns都为true，同时iframe的window注册resize事件试试


$(window).resize(function(){
  $('#gridid').datagrid('resize');
});

如何让 iframe 内嵌页面内容显示完全？

相关推荐