这也是一个老问题,在网上也有很多例子。但我这个项目比较特别!
在一个页面上可能会有5个,或者少或者多的iframe,每一个iframe里面的高度可能在1000以上。所以这个页面很高,
而且不能用分页。这时会发现js不顶用,(前面几个iframe 可以自适应大小,后面就不行了,但如果加上一个alert()设订一次大小打印一次,就可以做到了)。
所以猜想可能是由于js运行时html没有适时响应,更改过来,最后解决的办法是:在html最下面,写上"过1秒钟再设定大小一次!",问题是解决了,但总有点郁闷!看看代码吧!
js 代码
- <SCRIPT LANGUAGE="JScript">
- function test(){
- var j=0;
-
- for(j=0;j<length;j++){
-
- document.all("childframe"+j).height=document.frames["childframe"+j].document.body.scrollHeight;
-
- }
- }
-
-
- </script>
- <SCRIPT FOR=window EVENT=onload LANGUAGE="JScript">
- test();
- setTimeout("test()",1000);
- </SCRIPT>
分享到:
相关推荐
这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能,其中包括: 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...
然而,`<iframe>`的高度自适应问题常常困扰着开发者,尤其是当`<iframe>`内部的内容动态加载或者变化时,如何让`<iframe>`自动调整其高度以适应内容,而不会导致滚动条溢出或内容被截断,成为了一个常见需求。...
### iframe自适应高度和宽度详解 在Web开发中,`iframe`(Inline Frame)是一种常用的HTML元素,用于在当前页面内嵌入另一个HTML文档。它能够实现页面内部局部刷新的效果,广泛应用于各种复杂的网页布局中。然而,...
以上步骤和代码片段展示了跨域iframe自适应大小问题的基本解决方法。需要注意的是,这个方法需要域A和域B之间有较好的合作关系,因为需要在b.html中引入域A的脚本。此外,为了确保跨浏览器兼容性,可能还需要对不同...
### iframe自适应高度(兼容多种浏览器) 在网页开发过程中,`iframe`是一种常用的元素,用于在当前页面中嵌入另一个HTML文档。然而,默认情况下,`iframe`的高度是固定的,这可能会导致内容显示不完全或者出现不必要...
A域名下的页面a.html中通过iframe嵌入B域名下的页面b.html,由于b.html的宽度和高度是不可预知而且会变化的,所以需要a.html中的iframe自适应大小. 问题本质: js对跨域iframe访问问题,因为要控制a.html中iframe的...
"IFRAME自适应"是针对不同设备和屏幕尺寸,确保IFRAME内容能够自动调整其大小以适应页面布局的关键技术。在响应式设计中,IFRAME自适应尤其重要,因为它能让内容在手机、平板电脑和桌面电脑等不同设备上呈现良好的...
标题提到的“iframe自动适应高度(完美自适应高度嵌套代码)”提供了一个解决方案,它能够确保`iframe`在各种主流浏览器中都能正确地自适应内容高度,包括360浏览器、IE6-9、遨游、火狐以及搜狗浏览器。 在传统的`...
因为有一个项目要用到iframe自适应高度,网上搜索了以下结果无数,不过看来看去都是那几个,而且基本都测试了一遍,所说的兼容根本不是那么回事,要不IE不正常,要不其他浏览器显示不正常,最后无奈,综合网上的方法...
然而,一个常见的问题是当嵌入的内容高度变化时,如何使`iframe`的高度能够自适应地调整以适配其内容的高度。本文将详细介绍一种使用JavaScript实现`iframe`高度自适应的方法。 #### 技术背景 在默认情况下,`...
本篇文章将深入探讨两个关键知识点:`iframe`跨域问题以及`iframe`页面的自适应。 一、`iframe`跨域问题 跨域是Web开发中的一个重要概念,它限制了浏览器从一个源获取另一个源的资源,以保护用户的安全。当`iframe...
在探讨“基于jQuery的兼容各种浏览器的iframe自适应高度的脚本”这一主题时,我们首先需要理解几个关键概念:iframe、自适应高度以及jQuery。 ### 1. iframe概述 iframe,即Inline Frame,是HTML中一个用于在当前...
本话题将深入探讨如何使`iframe`自适应其子页面的内容高度,确保用户无需滚动主页面即可查看全部子页面内容。 `iframe`的基本结构如下: ```html <iframe src="child-page....
然而,由于`iframe`的大小固定,当嵌入的页面内容高度或宽度超过`iframe`设定的尺寸时,可能会出现滚动条或者内容被截断的情况。为了解决这个问题,我们需要让`iframe`根据其内容自动调整高度和宽度。本篇文章将详细...
标题中的“iframe自适应内嵌页的高试,无srcoll”指的是在网页设计中,如何使用`<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、CSS和JavaScript的综合运用,尤其是在处理不同浏览器的兼容性问题时显得尤为重要。在实际项目中,还需要考虑到性能优化,...
尽管iframe提供了极大的便利性,但也带来了一个挑战性的问题——iframe的高度自适应问题。通常,由于其内容是独立于外部页面的,所以很难在外部页面加载时确定iframe应具有的确切高度。 在使用jQuery和Ajax技术的...
标题“Iframe 高度自适应浏览器高度”涉及的核心知识点是如何让Iframe的大小根据其内容自动调整,特别是高度,以便始终保持与浏览器窗口的高度同步,从而提供更好的用户体验。 首先,我们需要了解Iframe的基本结构...