`
haoyunlyh
  • 浏览: 11902 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

iframe的自适应大小的问题

阅读更多

 

        这也是一个老问题,在网上也有很多例子。但我这个项目比较特别!

        在一个页面上可能会有5个,或者少或者多的iframe,每一个iframe里面的高度可能在1000以上。所以这个页面很高,

  而且不能用分页。这时会发现js不顶用,(前面几个iframe 可以自适应大小,后面就不行了,但如果加上一个alert()设订一次大小打印一次,就可以做到了)。

       所以猜想可能是由于js运行时html没有适时响应,更改过来,最后解决的办法是:在html最下面,写上"过1秒钟再设定大小一次!",问题是解决了,但总有点郁闷!看看代码吧!

 

    

js 代码
  1. <SCRIPT LANGUAGE="JScript">   
  2.     function test(){   
  3.     var j=0;   
  4.     //alert(length);   
  5.     for(j=0;j<length;j++){   
  6.         //alert(document.frames["childframe"+j].document.body.scrollHeight);   
  7.         document.all("childframe"+j).height=document.frames["childframe"+j].document.body.scrollHeight;   
  8.         //alert(document.all("childframe"+j).height);   
  9.     }   
  10.     }   
  11.        
  12.        
  13. </script>   
  14. <SCRIPT FOR=window EVENT=onload LANGUAGE="JScript">   
  15.     test();   
  16.     setTimeout("test()",1000);   
  17. </SCRIPT>  
分享到:
评论

相关推荐

    iframe自适应宽高

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

    iframe内容高度 iframe自适应高度终极解决Iframe设置高度后无法缩小问题

    然而,`&lt;iframe&gt;`的高度自适应问题常常困扰着开发者,尤其是当`&lt;iframe&gt;`内部的内容动态加载或者变化时,如何让`&lt;iframe&gt;`自动调整其高度以适应内容,而不会导致滚动条溢出或内容被截断,成为了一个常见需求。...

    iframe自适应高度和宽度

    ### iframe自适应高度和宽度详解 在Web开发中,`iframe`(Inline Frame)是一种常用的HTML元素,用于在当前页面内嵌入另一个HTML文档。它能够实现页面内部局部刷新的效果,广泛应用于各种复杂的网页布局中。然而,...

    js跨域问题之跨域iframe自适应大小实现代码

    以上步骤和代码片段展示了跨域iframe自适应大小问题的基本解决方法。需要注意的是,这个方法需要域A和域B之间有较好的合作关系,因为需要在b.html中引入域A的脚本。此外,为了确保跨浏览器兼容性,可能还需要对不同...

    iframe自适应高度(兼容多种浏览器)

    ### iframe自适应高度(兼容多种浏览器) 在网页开发过程中,`iframe`是一种常用的元素,用于在当前页面中嵌入另一个HTML文档。然而,默认情况下,`iframe`的高度是固定的,这可能会导致内容显示不完全或者出现不必要...

    iframe 自适应大小实现代码

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

    IFRAME自适应

    "IFRAME自适应"是针对不同设备和屏幕尺寸,确保IFRAME内容能够自动调整其大小以适应页面布局的关键技术。在响应式设计中,IFRAME自适应尤其重要,因为它能让内容在手机、平板电脑和桌面电脑等不同设备上呈现良好的...

    iframe自动适应高度(完美自适应高度嵌套代码),兼容目前主流浏览器。

    标题提到的“iframe自动适应高度(完美自适应高度嵌套代码)”提供了一个解决方案,它能够确保`iframe`在各种主流浏览器中都能正确地自适应内容高度,包括360浏览器、IE6-9、遨游、火狐以及搜狗浏览器。 在传统的`...

    iframe自适应高度,亲测完美兼容IE6-9,Chrome,Opera,firefox,safari

    因为有一个项目要用到iframe自适应高度,网上搜索了以下结果无数,不过看来看去都是那几个,而且基本都测试了一遍,所说的兼容根本不是那么回事,要不IE不正常,要不其他浏览器显示不正常,最后无奈,综合网上的方法...

    iframe高度自适应.pdf

    然而,一个常见的问题是当嵌入的内容高度变化时,如何使`iframe`的高度能够自适应地调整以适配其内容的高度。本文将详细介绍一种使用JavaScript实现`iframe`高度自适应的方法。 #### 技术背景 在默认情况下,`...

    iframe跨域常用问题和iframe页面自适应

    本篇文章将深入探讨两个关键知识点:`iframe`跨域问题以及`iframe`页面的自适应。 一、`iframe`跨域问题 跨域是Web开发中的一个重要概念,它限制了浏览器从一个源获取另一个源的资源,以保护用户的安全。当`iframe...

    基于jquery的兼容各种浏览器的iframe自适应高度的脚本

    在探讨“基于jQuery的兼容各种浏览器的iframe自适应高度的脚本”这一主题时,我们首先需要理解几个关键概念:iframe、自适应高度以及jQuery。 ### 1. iframe概述 iframe,即Inline Frame,是HTML中一个用于在当前...

    iframe自适应子页面内容高度

    本话题将深入探讨如何使`iframe`自适应其子页面的内容高度,确保用户无需滚动主页面即可查看全部子页面内容。 `iframe`的基本结构如下: ```html &lt;iframe src="child-page....

    iframe根据页面内容自适应高度和宽度

    然而,由于`iframe`的大小固定,当嵌入的页面内容高度或宽度超过`iframe`设定的尺寸时,可能会出现滚动条或者内容被截断的情况。为了解决这个问题,我们需要让`iframe`根据其内容自动调整高度和宽度。本篇文章将详细...

    iframe自适应内嵌页的高试,无srcoll

    标题中的“iframe自适应内嵌页的高试,无srcoll”指的是在网页设计中,如何使用`&lt;iframe&gt;`元素来内嵌外部页面,并确保它能够自适应容器大小,同时不显示滚动条,以实现更佳的用户体验。在这个场景下,开发者通常需要...

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

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

    嵌入到HTML的iframe自动适应大小

    通过上述分析,我们可以看到“嵌入到HTML的iframe自动适应大小”这一知识点涉及到了HTML、CSS和JavaScript的综合运用,尤其是在处理不同浏览器的兼容性问题时显得尤为重要。在实际项目中,还需要考虑到性能优化,...

    jquery ajax应用中iframe自适应高度问题解决方法

    尽管iframe提供了极大的便利性,但也带来了一个挑战性的问题——iframe的高度自适应问题。通常,由于其内容是独立于外部页面的,所以很难在外部页面加载时确定iframe应具有的确切高度。 在使用jQuery和Ajax技术的...

    Iframe 高度自适应浏览器高度

    标题“Iframe 高度自适应浏览器高度”涉及的核心知识点是如何让Iframe的大小根据其内容自动调整,特别是高度,以便始终保持与浏览器窗口的高度同步,从而提供更好的用户体验。 首先,我们需要了解Iframe的基本结构...

Global site tag (gtag.js) - Google Analytics