iframe自适应高度

原创 2013年12月05日 11:54:46
 <div>

       <iframe name="iframe1" id="iframe1" onload="dyniframesize1(this)" >

<html>

<div>

<button1 onclick="dyniframesize2(window.parent.document.getElementById("iframe1"))">

<buttononclick="dyniframesize2(window.parent.document.getElementById("iframe1"))">

</div>

<div>

<tab1 height="100px;">

<tab2 height="200px;">

</div>

</html>

</iframe>

    </div>

//ifram外部改变自适应高度
function dyniframesize1(obj){
var win=obj;
if (document.getElementById){
if (win && !window.opera){
if (win.contentDocument && win.contentDocument.body.offsetHeight)
win.height = win.contentDocument.body.offsetHeight;
else if(win.Document && win.Document.body.scrollHeight)
win.height = win.Document.body.scrollHeight;
}
}
}


//ifram内部改变自适应高度
function dyniframesize2(obj){
var win=obj;
if (window.parent.document.getElementById){
if (win && !window.parent.window.opener){
if (win.contentDocument && win.contentDocument.body.offsetHeight)
win.height = win.contentDocument.body.offsetHeight;
else if(win.Document && win.Document.body.scrollHeight)
win.height = win.Document.body.scrollHeight;
}
}
}

真正的让iframe自适应高度 兼容多种浏览器随着窗口大小改变

今天有朋友问到我关于“iframe自适应高度”的问题,原本以为是很简单的问题,没想到折腾了20分钟才搞定。期间遇到几个问题,要么是高度自适应了,但是当窗口改变时会出现滚动条。也就是当窗口放大时ifra...
  • alex8046
  • alex8046
  • 2016年05月19日 18:37
  • 139167

真正的iframe 自适应高度,动态高度 js

百度搜索出来一大堆文章,我看了下没有一个合意的,什么叫动态?就是iframe加载的时候高度慢慢变啊,用户看到了才知道你的内容慢慢加载啊。网上说的都是在onload里设置高度,可是onload是加载完毕...
  • lanmanck
  • lanmanck
  • 2015年06月16日 19:10
  • 61447

原创,真正解决iframe高度自适应的问题.兼容各浏览器

在Google输入关键字"iframe自适应高度"之后你会发现有"找到约 153,000 条结果",我大概的看了一下,发现基本上就那两三篇文章被转载来转载去.真正解决问题的没有.那我今天就不和他们同流...
  • sibang
  • sibang
  • 2014年08月21日 16:48
  • 1295

iframe 高度设置、iframe 自适应高度方法总结

所谓iframe自适应高度,就是,基于界面美观和交互的考虑,隐藏了iframe的border和scrollbar,让人看不出它是个iframe。如果iframe始终调用同一个固定高度的页面,我们直接写...
  • alex8046
  • alex8046
  • 2016年05月19日 18:30
  • 5005

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

当 A页面中嵌入一个新页面B时,我们常常会使用 iframe来实现。当 A页面和 B页面在不同的域名下时,A页面就不能使用 Javascript 访问到的 B页面的高度,那么该如何解决这类问题呢?直接...
  • aaronpan21
  • aaronpan21
  • 2016年04月25日 21:42
  • 4049

html iframe自适应高度的多种方法方法小结

对于自适应高度的代码有很多,可效率什么的考虑进来好代码就不多见了,不过思路倒是差不多的...
  • qilixiang012
  • qilixiang012
  • 2014年07月21日 16:48
  • 1433

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

不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是 iframe的大小却不像层那样可以“伸缩自如”,所以带来了使用上的麻烦,给iframe设置高度的时候...
  • hj7jay
  • hj7jay
  • 2016年06月15日 00:08
  • 2821

iframe高度自适应及隐藏滚动条

在工作中,我们可能会遇到自己公司和其他的公司达成合作关系,从而共同开发某个项目。而这时候,我们可能就需要在自己的网站上嵌入别人做好的页面。而这种情况下,我们一般都会选择去使用iframe达到我们的目的...
  • qq_33401924
  • qq_33401924
  • 2016年12月22日 09:56
  • 836

iframe高度自适应、载入完成事件

高度自适应 ------------------------------------------------- 方法一: 经典代码 iFrame 自适应高度,在IE6/IE7/IE8...
  • rdhj5566
  • rdhj5566
  • 2014年07月31日 09:19
  • 1182

关于iframe在chrome自适应高度兼容性问题

首先了解两个概念,contentWindow和contentDecument,可以在子级iframe设置父级和孙级iframe高度。contentWindow兼容各个浏览器,可取得子窗口的window...
  • u014802309
  • u014802309
  • 2015年08月27日 16:10
  • 3085
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:iframe自适应高度
举报原因:
原因补充:

(最多只允许输入30个字)