文档章节

iframe自适应高度和宽度

多重人格的疯子
 多重人格的疯子
发布于 2016/03/16 14:41
字数 67
阅读 46
收藏 5
<iframe src="index.html" id="iframepage" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" onLoad="iFrameHeight()"></iframe>
<script type="text/javascript" language="javascript">   
    function iFrameHeight() {   
        var ifm= document.getElementById("iframepage");   
        var subWeb = document.frames ? document.frames["iframepage"].document : ifm.contentDocument;   
        if(ifm != null && subWeb != null) {
           ifm.height = subWeb.body.scrollHeight;
           ifm.width = subWeb.body.scrollWidth;
        }   
    }   
</script>


本文转载自:http://www.cnblogs.com/Nbge/archive/2013/06/14/3135697.html

多重人格的疯子
粉丝 0
博文 14
码字总数 1122
作品 0
西安
程序员
私信 提问
iframe高度自适应内容

JS自适应高度,其实就是设置iframe的高度,使其等于内嵌网页的高度,从而看不出来滚动条和嵌套痕迹。对于用户体验和网站美观起着重要作用。 如果内容是固定的,那么我们可以通过CSS来给它直接...

银月光海
2016/05/23
97
0
好程序员web前端分享高度自适应

好程序员web前端分享高度自适应 一、宽高自适应 网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整,这就是自适应。 它能够使网页显示更灵活,可...

好程序员IT
05/05
14
0
Easy-UI中datagrid宽高自适应问题

在使用easy-ui的过程中,新增tab中利用iframe显示时,发现里面的datagrid高度不能自适应,下面是解决办法,写下备用: 再iframe中使用easyui-layout布局,然后把datagrid放到center就可以了,...

独-奏
2013/02/16
9K
1
这种复杂的iframe自适应如何做

♣ 先说前提: 在响应式下要求引用站外的iframe自适应其父窗口的大小。 引用的站外iframe的宽度和高度是一固定值。 ♣ 探讨: 先拿一个实物来说事吧! 比如下面这个iframe 其宽和高分别是640...

ziluopao
2016/10/31
472
4
iframe自适应高度的多种方法方法小结

第一种方法:代码简单,兼容性还可以,大家可以先测试下。 function SetWinHeight(obj) { var win=obj; if (document.getElementById) { if (win && !window.opera) { if (win.contentDocume......

华山猛男
2014/03/27
148
0

没有更多内容

加载失败,请刷新页面

加载更多

java快递电子面单打印接口对接demo

之前的后天管理系统的电子面单打印使用的是灵通打单。 使用相对比较麻烦,需要到处Excel之后再导入,麻烦。 快递鸟有电子面单api,后台系统直接对接很是方便,不过也遇到了好些问题。 不难是...

程序的小猿
24分钟前
3
0
fasjtjson文档

https://github.com/alibaba/fastjson/wiki/JSONField

jirak
24分钟前
3
0
Mybatis中插入多条记录

Oracle数据库 实现方法 <insert id="saveWithdrawLog"> INSERT ALL INTO OSM_TRADE_DETAIL(SID,MBR_ID,USR_ID,TRADE_MONEY,TRADE_TYPE,TRADE_TIME,TRADE_WAY,PAY_ID) VALUES(#{si......

豫华商
25分钟前
3
0
Flink on YARN(下):常见问题与排查思路

作者:杨弢(搏远) Flink 支持 Standalone 独立部署和 YARN、Kubernetes、Mesos 等集群部署模式,其中 YARN 集群部署模式在国内的应用越来越广泛。Flink 社区将推出 Flink on YARN 应用解读...

开源中国小二
27分钟前
3
0
技术沙龙|京东云端到端多媒体关键技术揭秘

编者按:从带来更高编码效率、更好的用户体验的京享高清,到直播架构与网络演进优化,从而为用户带来更流畅的观看体验,以及运维系统的异常自动修复和高弹性的多媒体存储架构,一层一层展示出...

京东云技术新知
27分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部