iframe调用子页面按子页面的内容自动调整高度

如题所述

<iframe src="子页" id="iframepage" name="iframepage" frameBorder=0 scrolling=no width="100%" onLoad="iFrameHeight()" ></iframe>

js里写上
<script type="text/javascript" language="javascript">
function iFrameHeight() {
var ifm= document.getElementById("iframepage");
var subWeb = document.frames ? document.frames["iframepage"].document : ifm.contentDocument;
if(ifm != null && subWeb != null) {
ifm.height = subWeb.body.scrollHeight;
}
}
</script>
温馨提示:内容为网友见解,仅供参考
第1个回答  2011-01-20
把css样式设自动试试的

iframe嵌套网页,子页面高度增加,iframe高度也会增加.列如:子页面是一...
function changeHeight(height){\/\/\/改变装iframe的容器div的高度} 然后在子页面的resize方法里调用:window.parent.changeHeight(height); \/\/\/height为body的高度 3、疑问:body没有resize事件。没关系,把下面这段代码引入子页面就有了(先要引用jquery)。(function($,h,c){var a=$([]),e=$...

怎么让iframe的大小跟随内容的大小自动调整?
1.在一个文件夹中创建两个HTML文件,一个“index”和一个“iframe”。2.将iframe标记添加到索引中,并将其直接嵌入到iframe页面中。3.将两个具有固定高度的div内容添加到iframe页面。4.当浏览器打开索引页时,我们发现在iframe的部分有一个滚动条,需要滚动才能显示页面跟踪。5.现在,我们将以下属性添...

HTML的frame框架怎么自适应高度?
<script language="javascript">\/\/输入你希望根据页面高度自动调整高度的iframe的名称的列表\/\/用逗号把每个iframe的ID分隔. 例如: ["myframe1", "myframe2"],可以只有一个窗体,则不用逗号。\/\/定义iframe的IDvar iframeids=["test"];\/\/如果用户的浏览器不支持iframe是否将iframe隐藏 yes 表示隐藏...

怎么让iframe自适应高度
方法一,在每个被包含页在本身内容加载完毕之后,执行JS取得本页面的高度,然后去同步父页面的iframe高度。方法二,在主页面iframe的onload事件中执行JS,去取得被包含页的高度内容,然后去同步高度。在代码维护角度考虑,方法二是优于方法一的,因为方法一,每个被包含页都要去引入一段相同的代码来做这个...

如何设置iframe高度自适应,在跨域的情况下能做到吗
从未无法根据子页面的实际高度来调整父页面iframe的height属性了。目前没有其它实际有效的方法来处理上面遇到的问题。默认情况下可以给iframe指定一个比较大的高度,这样假设所引用的子页面内容不会超出范围,除了在页面上会留下部分空白区域外,内容显示基本不会有问题。

如何利用子窗口控制父窗口iframe的高度
一般来说,父页面的高度是自动的,iframe高度再大,父页面也会自动适应的 除非楼主你的父页面设置了高度以及overflow:hidden之类的样式 另外iframe里面的内容超过1000px的话,而且iframe设置了没有滚动条的话,就没有滚动条了

关于网页的问题,如何控制子窗口
写在iframe调用的子页面里面 后面的670是父页面比子页面高的高度 <script language="javascript"> parent.document.getElementById(mainFrame).height = '200px';<\/script> 直接设置页面大小。3.如何动态控制IFrame的长和宽 主页面要放置一个IFrame用于嵌套显示子页面的信息,但是子页面的数据多少不一,...

如何让iframe大小不变,且不出现滚动条,且显示全部子页面内容?!!求解...
看一下你设置的iframe的高度和宽度,不要超过这个高度宽度,就不会有垂直或者是水平的滚动条了.我习惯用火狐调,仔细调下试试.或者把子页面里的元素都写到iframe里.试一下.

如何调整一个调用的html页面在iframe中的位置?
这个是你理解有错,一个html页面就是一个整体,当你想用iframe把它引用到令一个页面时,你就要把这个被引用的页面当成那个页面的一部分来进行编辑,看下面的例子:1。这是个整体的页面;<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml...

如何在子页面得到其所在的iframe
1、首先需要在body中增加一个iframe,可以给这个标签设置宽高,还可以设置位置。2、然后在前台界面的某个位置,增加一个点击事件onclick。3、然后点击事件,总要对应的设置一个事件方法。4、然后在方法内增加iframe的重载url,重新给src赋值。5、最后运行html界面,点击前台的按钮,触发刷新iframe的方法,...

相似回答