`
shirlly
  • 浏览: 1624804 次
  • 性别: Icon_minigender_2
  • 来自: 福州
社区版块
存档分类
最新评论

Iframe自适应高度控制

阅读更多
<iframe width="778" align="center" height="200" id="cwin" name="cwin" onload="Javascript:SetCwinHeight(this)" frameborder="0" scrolling="no"></iframe>

JS代码:
function SetCwinHeight(obj)
{
  var cwin=obj;
  if (document.getElementById)
  {
    if (cwin && !window.opera)
    {
      if (cwin.contentDocument && cwin.contentDocument.body.offsetHeight)
        cwin.height = cwin.contentDocument.body.offsetHeight; 
      else if(cwin.Document && cwin.Document.body.scrollHeight)
        cwin.height = cwin.Document.body.scrollHeight;
    }
  }
}



在iframe里面显示的页面,还要加点这样的样式控制:
<style type="text/css">
        html, body
        {
            overflow-x: hidden;
            overflow: auto;
            margin: 0px;
            height: 100%;
        }
    </style>
分享到:
评论

相关推荐

    iframe自适应高度和宽度

    iframe自适应高度和宽度

    js控制iframe 自适应高度

    iframe自适应高度:根据屏幕的高度,自动增减。包括适应浏览器高度的改变。

    iframe自适应高度

    iframe自适应高度,一个简单的js就可以控制iframe的自适应高度

    Iframe 高度自适应,js控制Iframe 高度自适应.docx

    Iframe 高度自适应,js控制Iframe 高度自适应.docx

    Iframe 高度自适应(兼容IE/Firefox、同域/跨域)

    采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键,同时由于JavaScript对不同域名下权限的控制,引 发出同域、跨域两种情况。 同域时Iframe高度自适应 下面的代码兼容IE/Firefox浏览器,控制id为...

    Iframe 框架自适应被嵌入页面高度

    js控制 Iframe 框架自适应被嵌入页面高度

    利用location.hash实现跨域iframe自适应

    www.baidu.com,假设地址:http://www.baidu.com/b.html 实现效果: A域名下的页面a.html中通过iframe嵌入B域名下的页面b.html,由于b.html的宽度和高度是不可预知而且会变化的,所以需要a.html中的iframe自适应大小....

    iframe 自适应大小实现代码

    A域名下的页面a.html中通过iframe嵌入B域名下的页面b.html,由于b.html的宽度和高度是不可预知而且会变化的,所以需要a.html中的iframe自适应大小. 问题本质: js对跨域iframe访问问题,因为要控制a.html中iframe的...

    iframe高度自适应及隐藏滚动条的实例详解

    但是iframe用起来,真的是让人头痛,高度无法控制,难看的滚动条等等,下面我分享一下自己在处理iframe时的一些心得。 高度自适应 &lt;iframe src=...

    js控制iframe的高度/宽度让其自适应内容

    主要介绍了如何使用js控制iframe的高度/宽度让其自适应内容,需要的朋友可以参考下

    开源EasyHR集团人力资源管理系统V51

    /uc/DefDicMain.aspx iframe自适应高度 根据模块显示内容 /ModEmployee/EmployeeDetail.aspx if (!new SysBiz().IsDefMod("HR")) { linkPassed.Visible = false; linkLeave.Visible = false; linkChange....

    artDialog_Demo

    25、可以自适应iframe内容的大小(不跨域的前提下) 26、对超过预设面积大小的对话框拖动自动采用替身的方式,以求拖动更流畅 27、新增加一个'data'的接口,它保存了你对话框每次创建的消息对象 (操作iframe消息...

    鑫路竞价单页在线订单管理系统 v2.7 免费版.zip

    4、加入购买页面的自适应高度功能,避免因产品数量过多或客户浏览器设置字体过大,导致下单页面被遮挡,改进后页面全自动进行适应;注:需使用【产品分类】里的生成iframe代码方能生效(或设置iframe的ID为buyiframe...

    鑫路在线竞价订单管理系统

    4、加入购买页面的自适应高度功能,避免因产品数量过多或客户浏览器设置字体过大,导致下单页面被遮挡,改进后页面全自动进行适应;注:需使用【产品分类】里的生成iframe代码方能生效(或设置iframe的ID为buyiframe...

    鑫路在线订单管理系统免费版V2.7(管理后台,邮件提醒,自动短信,导出excel)

    4、加入购买页面的自适应高度功能,避免因产品数量过多或客户浏览器设置字体过大,导致下单页面被遮挡,改进后页面全自动进行适应;注:需使用【产品分类】里的生成iframe代码方能生效(或设置iframe的ID为buyiframe...

    《程序天下:JavaScript实例自学手册》光盘源码

    5.8 iframe自适应高度 5.9 类似MSN的消息提示 5.10 只打印iframe的内容 第6章 下拉列表特效 6.1 下拉框实现多选 6.2 实现两个select的同步 6.3 被选中的列表项下次不能再选 6.4 不带滚动条的select 6.5 从一个下拉...

    程序天下:JavaScript实例自学手册

    5.8 iframe自适应高度 5.9 类似MSN的消息提示 5.10 只打印iframe的内容 第6章 下拉列表特效 6.1 下拉框实现多选 6.2 实现两个select的同步 6.3 被选中的列表项下次不能再选 6.4 不带滚动条的select 6.5 从一个下拉...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -修正Form不能自适应浏览器大小的改变(feedback:kaywood)(WorkItem#6309)。 -增加重载方法Alert.Show(message, title, icon)(feedback:TheBox)(WorkItem#6353)。 -为容器控件(比如Panel,Region,Tab等)增加AJAX...

Global site tag (gtag.js) - Google Analytics