关闭

iframe框架自适应高度

105人阅读 评论(0) 收藏 举报
分类:
<iframe src="{:U('Index/pinfo')}" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" width="765" height=100% id="iframepage" name="iframepage" 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;
        }
    }
</script> 


0
0
查看评论

iframe 去除边框和自适应高度

因为做项目经常要用到页面镶嵌,每次都忘记一些细节问题,特地写下来以便查阅,很久以前是网上搜到一些前辈的,但是时间太久忘记是哪位了,没办法给具体链接。 以下是js代码: function reinitIframe() { var iframe = document.getElementByI...
  • YING_SHANG
  • YING_SHANG
  • 2016-10-19 19:23
  • 3044

如何让iframe框架自适应内容高度

$(function(){   var document_height="";   //iframe自适应高度   var timeIframe;   window.onload=function(){   time...
  • benben1164
  • benben1164
  • 2016-11-09 11:09
  • 704

asp.net中iframe框架自适应高度的一种解决方法

在页面上添加一下JavaScript代码: function SetCwinHeight(){ var myframe=document.getElementById("iframe2"); //你所使用的ifrmae框架的ID if (document.getE...
  • yangmingxing980
  • yangmingxing980
  • 2014-03-10 17:00
  • 1197

iframe自适应高度【框架自适应高度】

iframe自适应高度传统做法大致有两个:方法一,在每个被包含页在本身内容加载完毕之后,执行JS取得本页面的高度,然后去同步父页面的iframe高度。方法二,在主页面iframe的onload事件中执行JS,去取得被包含页的高度内容,然后去同步高度。在代码维护角度考虑,方法二是优于方法一的,因为方法...
  • lqr801225
  • lqr801225
  • 2009-03-22 23:11
  • 741

table+div+iframe打造高度自适应的后台布局框架(需要用JS控制大小)

写的不错,所以转载了。 discuz后台用的就是这种结构,用table撑开布局,在table里写div,用于菜单栏目的布局,在主体区域用iframe,作为页面容器。 html代码:
  • yipanbo
  • yipanbo
  • 2016-08-18 18:50
  • 2137

【HTML/JS】实现iFrame自适应高度,原来很简单!

http://www.cnblogs.com/skywind/archive/2007/07/24/829550.html 看到了吧,关键就在于onload="this.height=iFrame1.document.body.scrollHeight"!
  • CrackLibby
  • CrackLibby
  • 2016-06-16 17:57
  • 428

iframe 根据内容自适应高度-终极解决方案

第一中方法: 在子页面加载完毕的时候执行 parent.document.getElementById("iframe").height=0; parent.document.getElementById("iframe").height=document.b...
  • ye987987
  • ye987987
  • 2016-07-05 15:41
  • 27884

关于iframe自适应高度的方法总结

不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是 iframe的大小却不像层那样可以“伸缩自如”,所以带来了使用上的麻烦,给iframe设置高度的时候多了也不好,少了更是不行,现在,让我来告诉大 家一种iframe动态调整高度的方法,主要是以下JS函...
  • hj7jay
  • hj7jay
  • 2016-06-15 00:08
  • 3154

iframe在div中如何自适应高度

为了帮助网友解决“iframe在div中如何自适应高度”相关的问题,中国学网通过互联网对“iframe在div中如何自适应高度”相关的解决方案进行了整理,用户详细问题包括:RT,我想知道:iframe在div中如何自适应高度,具体解决方案如下: 解决方案1: div设置了高度自适应,但是在d...
  • killcwd
  • killcwd
  • 2015-12-04 17:09
  • 3368

跨域iframe高度自适应的多种方法

当 A页面中嵌入一个新页面B时,我们常常会使用 iframe来实现。当 A页面和 B页面在不同的域名下时,A页面就不能使用 Javascript 访问到的 B页面的高度,那么该如何解决这类问题呢?直接看例子吧。以下是跨域时 iframe 自适应高度的一些 demo:说明: - 以下 A 、B 和...
  • aaronpan21
  • aaronpan21
  • 2016-04-25 21:42
  • 4262
    个人资料
    • 访问:8080次
    • 积分:231
    • 等级:
    • 排名:千里之外
    • 原创:12篇
    • 转载:20篇
    • 译文:0篇
    • 评论:1条
    文章分类
    最新评论