`
menjoy
  • 浏览: 418722 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

iframe自动调整高度

阅读更多

<script type="text/javascript">
 //** iframe自动适应页面 **//

 //输入你希望根据页面高度自动调整高度的iframe的名称的列表
 //用逗号把每个iframe的ID分隔. 例如: ["myframe1", "myframe2"],可以只有一个窗体,则不用逗号。

 //定义iframe的ID
 var iframeids=["f1"]

 //如果用户的浏览器不支持iframe是否将iframe隐藏 yes 表示隐藏,no表示不隐藏
 var iframehide="yes"

 function dyniframesize()
 {
  var dyniframe=new Array();
 
  for (i=0; i<iframeids.length; i++)<br="">  {
   if (document.getElementById)
   {
    //自动调整iframe高度
    dyniframe[dyniframe.length] = document.getElementById(iframeids[i]);
    if (dyniframe[i] && !window.opera)
    {
     dyniframe[i].style.display="block"
     if (dyniframe[i].contentDocument && dyniframe[i].contentDocument.body.offsetHeight) //如果用户的浏览器是NetScape
      dyniframe[i].height = dyniframe[i].contentDocument.body.offsetHeight;
     else if (dyniframe[i].Document && dyniframe[i].Document.body.scrollHeight) //如果用户的浏览器是IE
      dyniframe[i].height = dyniframe[i].Document.body.scrollHeight;
    }
   
   }
   //根据设定的参数来处理不支持iframe的浏览器的显示问题
   if ((document.all || document.getElementById) && iframehide=="no")
   {
    var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])
    tempobj.style.display="block"
   }
  }
 }

 if (window.addEventListener)
 window.addEventListener("load", dyniframesize, false)
 else if (window.attachEvent)
 window.attachEvent("onload", dyniframesize)
 else
 window.onload=dyniframesize
</script>

#将此段代码放到中即可运行

 

 

分享到:
评论

相关推荐

    iFrame 自动调整高度

    iFrame 自动调整高度 绝对有效! 分可能是高咯滴滴儿....不过一分钱一分货哈,没效果你骂我、使劲骂!

    自动改变iframe的高度

    iframe自动改变高度 朝好用的一个框架 我就在用

    Iframe自动调节高度问题,附上网站模版

    以前,我在做网站的时候,碰到...我使用Iframe的时候,如果我某个页面高于Iframe的时候,就会显示滚动条.但我又不想把有些固定的东西每个页面都写.请教了前辈之后,问题终于可以解决了,于是写了个例子,供有需要的人参考!

    iframe 自适高度 JS控制代码实现

    iframe 自动调节高度 ,而且不需要滚动条的功能总结 &lt;!--自动调节高度 ,而且不需要滚动条的功能--&gt; &lt;!-- 以下处理自动调节后页面 从新布局后 内容被覆盖的问题 --&gt; 个人总结

    自动调节iframe高度,而不显示其滚动条 js

    js脚本: 自动调节iframe高度,而不显示其滚动条

    JAVASCRIPT让IFRAME框架的高度自适应

    我们可以定义一个函数来获取子IFRAME框架的高度,然后将其设置为table元素的高度,以便子IFRAME框架的高度能够正确地自动调整。 通过使用JavaScript来让IFRAME框架的高度自适应,我们可以实现IFRAME框架的高度自动...

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

    Iframe 高度自适应是指在网页中嵌入的 iframe 元素能够根据其内容自动调整高度,以适应不同的浏览器和屏幕尺寸。js 控制 Iframe 高度自适应是指使用 JavaScript 语言来控制 iframe 的高度,使其能够自动调整以适应...

    iframe动态适应页面高度

    iframe是网页设计中经常用来装载子页使用的,如何让iframe随着动态装载的子页(主页不刷新)自动适应所装子改变在小是我们经常...现给出两个非常简单的例子,从不同的角度来实现iframe根据最新加载的子页自动调整高度.....

    iframe自适应宽高

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

    自动控制iframe高度的js

    做子页面时经常碰到iframe无法自动调整高度显示问题,本js解决此问题,通用支持各主流浏览器

    多个iframe自动调整大小的问题

    怎样用一个函数,自动调整这个页面里所有iframe的高度呢? function change_size(iframe) { iframe.style.height=info_content.document.body.scrollHeight+1+”px”; } 我用过这种方式,但是等号后面的第一个对象...

    jQuery简单实现iframe的高度根据页面内容自适应的方法

    本文实例讲述了jQuery简单实现iframe的高度根据页面内容自适应的方法。分享给大家供大家参考,具体如下: 方式1: //注意:下面的代码是放在和iframe同一个页面中调用 $(#iframeId).load(function () { var ...

    JavaScript实现iframe自动高度调整和不同主域名跨域

    但是问题也来的iframe的高度是固定的不能与第三方网站很好的融合,又例如第三方网站使用了瀑布流插件,要滚动加载自动计算高度,那么先说跨域:iframe主域名不同跨域方法,假如网站 A.com B.com A 里面放入一个...

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

    于是自动调整iframe的高度就成为本文的重点。 采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键,同时由于JavaScript对不同域名下权限的控制,引 发出同域、跨域两种情况。 同域时Iframe高度自适应 ...

    iframeless:自动调整 iframe 的大小以匹配其内容的高度并且根本没有滚动条

    自动调整 iframe 的大小以匹配其内容的高度并且根本没有滚动条。 演示 跨浏览器测试 自动调整大小的代码 var iframe = document.querySelector('iframe'); iframe.onload = function() { iframe.height = Math.max...

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

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

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

    iframe尺寸调整器React 该库是用于的官方React接口,该接口可自动调整相同和跨域iFrame的高度和宽度,以适应其包含的内容。 它提供了一系列功能来解决使用iFrame时最常见的问题,其中包括: 将iFrame的高度和宽度...

    iframe-resize:一个非常粗略的jQuery插件,可用于调整iframe的大小

    iframe调整大小 一个简单的实用程序,可将iframe调整为其内容的大小。 用法 $('iframe').iframeResize(); 这会将加载事件处理程序...iframeResize-min-height可用于为iframe设置默认高度,并在加载内容时自动将其删除。

    让iframe自适应高度(支持xhtml)IE firefox兼容

    iframe的高度和宽度可以通过CSS来设置,但是如果我们想要让iframe的高度根据其内容自动调整,则需要使用JavaScript来实现。 在实现让iframe自适应高度时,我们需要考虑到浏览器的兼容性问题。IE和Firefox是两个最...

Global site tag (gtag.js) - Google Analytics