`
cindylu520
  • 浏览: 142848 次
  • 性别: Icon_minigender_2
  • 来自: 大连
社区版块
存档分类
最新评论

同域iframe自适应高度

    博客分类:
  • web
阅读更多
function SetCwinHeight(){
  var iframeid=document.getElementById("iframeId");//所要自适应高度的iframe的id
  if (document.getElementById){
   if (iframeid && !window.opera){
    if (iframeid.contentDocument && iframeid.contentDocument.body.offsetHeight){
     iframeid.height = iframeid.contentDocument.body.offsetHeight;
    }else if(iframeid.Document && iframeid.Document.body.scrollHeight){
     iframeid.height = iframeid.Document.body.scrollHeight;
    }
   }
  }
 }

 

<iframe   onload="Javascript:SetCwinHeight()"  src="url" 
name="orderInfoFrame" id="orderInfoFrame"  frameborder="0" 
style="Z-INDEX: 1; VISIBILITY: inherit; WIDTH: 100%;" scrolling="no" ></iframe>

 

注意去掉<iframe> 中的height值,用onload调用所写的js。

分享到:
评论

相关推荐

    iframe自适应宽高

    这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能,其中包括: 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...

    Iframe跨域自适应高度

    可以实现Iframe跨域自适应高度 main.htm和agent.htm文件放在www.a.com域内 iframe.htm放在www.b.com域内 这样就可以通过a.com域中的main.htm文件访问b.com域中的iframe.htm文件了

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

    同域时Iframe高度自适应 下面的代码兼容IE/Firefox浏览器,控制id为“iframeid”的iframe的高度,通过JavaScript取得被嵌套页面最终高度,然 后在主页面进行设置来实现。 代码如下,可复制。另外,

    javascript 中iframe高度自适应(同域)实例详解

    javascript 中iframe高度自适应(同域)  今天解决了iframe高度自适应的问题,不过这只是同域下的页面嵌入,以下是代码: function SetCwinHeight(){ var iframeid = document.getElementById("frame"); //frame...

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

    www.jb51.net 被iframe的页面b.html所属域B:www.baidu.com,假设地址:http://www.baidu.com/b.html 实现效果: A域名下的页面a.html中通过iframe嵌入B域名下的页面b.html,由于b.html的宽度和高度是不可预知而且会...

    iframe 自适应大小实现代码

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

    JS解决iframe之间通信和自适应高度的问题

    首先说明下,iframe通信 分为:同域通信 和 跨域通信。 一、 同域通信 所谓同域通信是指 http://localhost/demo/iframe/iframeA.html 下的a.html页面嵌套 iframe 比如: &lt;iframe src=”...

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

    NULL 博文链接:https://cjb.iteye.com/blog/406466

    如何设置iframe高度自适应在跨域情况下的可用方法

    iframe的高度需要根据子页面的实际高度来进行调整。如果iframe的高度小于子页面的实际高度,超出的部分无法显示;相反,如果iframe的高度过高,则页面上会出现大量的空白区域。我们可以通过属性或者CSS来设置iframe...

    iframe-resizer-react:Iframe-Resizer的官方React界面

    跨域iFrame的域身份验证。 提供多种页面大小计算方法,以支持复杂CSS布局。 检测对DOM的更改,该更改可能导致使用调整页面的大小。 检测可能导致页面调整大小的事件(“窗口调整大小”,“ CSS动画和过渡”,“方向...

Global site tag (gtag.js) - Google Analytics