怎样让iframe的宽度和高度自动适应它里面内容的大小,而不出现滚动条?

beihua 2003-11-08 08:56:34

...全文

396 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

心云意水 2003-11-09

打赏
举报

http://expert.csdn.net/Expert/topic/2381/2381759.xml?temp=.6651728

beihua 2003-11-09

打赏
举报

在一个页面中垂直方向动态地生成了12个左右的iframe!
我这12个(个数有时多一些有时少一些)iframe是动态生成的!
并且这12个iframe中的内容都是同一个servlet用同一个xsl文件动态生成的!
<iframe src="/MyServlet?id=1"></ifrmae>
....
....
....
<iframe src="/MyServlet?id=12"></ifrmae>
....
....
....
由于这12个iframe的内容是通过同一个xsl文件生成，所以在xsl中用
frameElement.height=document.body.scrollHeight;
这个方法常常只能使其中的3,4个iframe起作用，但是另外几个ifrmae毫无反应,
请问到底怎么做才能对12个iframe都起作用呢？

fxbird 2003-11-08

打赏
举报

搜索一下，以前有很多关于这个问题的帖子，faq里也有。

rootcn 2003-11-08

打赏
举报

我试了怎么不行哦

bzscs 2003-11-08

打赏
举报

让Iframe的高度及大小随帧内容的大小而自动改变呢？

一直以来，网上很多朋友都在提问这个问题。本人在参阅JS文档后，发现在这种效果是可以实现的。

其实实现方法很简单：

假设Parent.Asp 包含有一个名为 News 的Iframe.Asp，那么在Parent.asp我们如下设置
<table border=1>
<tr>
<td id=iHeight>
<iframe name="news" width=100% height=100% src="Iframe.Asp" frameborder=no scrolling=no ></iframe>
</td>
</tr>
</table>

在Iframe.Asp里<body>写入如下代码：

<body onload="parent.document.all.iHeight.height=this.document.body.scrollHeight+10;">

通过以上即可达到Iframe的高度及大小随帧内容的大小而自动改变的效果，而不会影响你原来页面效果，非常方便！

演示地址为：http://www.cnvvv.com/Article/index.asp?ClassID=23

beihua 2003-11-08