iframe自动调整高度

最新推荐文章于 2024-08-28 14:23:26 发布

原创最新推荐文章于 2024-08-28 14:23:26 发布 · 108 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ASP #HTML

计算机专栏收录该内容

11 篇文章

订阅专栏

一下内容全为转载，不知具体出处。
[quote]<td width="200" > <IFRAME id=idEditbox marginWidth=0 marginHeight=0 src="a.htm" frameBorder=1 width="100%" scrolling="no" ></IFRAME></td>

a.htm内容为:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<script language="Javascript">
function window.onload()
{
parent.document.all("idEditbox").style.height=document.body.scrollHeight+15;

}
</script>
</head>
<body style="word-break:break-all;" >
</body>
</html>

问题1.
为什么iframe的高度不会随内容的多少而改变高度.请问要如何才能使iframe的高度随内容的增加而变高.

问题2,
iframe中的内容到了边界会自动换行(style="word-break:break-all;" ),但如何让它换行后在html代码中会产生<br>

3 楼

而楼上的代码不太严谨，要是中间有HTML标签的话会不正确的。
Top
4 楼victoryall（路很长，但我要走到更远。）回复于 2004-09-03 23:15:06 得分 0 问题2的意思是,比如iframe有5个字符的宽度,现在输入:
asdfg
fddsd
dgdeg
dsdff
.....

表面是会换行,但是document.all.textarea.value=idEditbox.document.body.innerHTML
textarea显示的是:asdfgfddsddgdegdsdff,不是asdfg<br>fddsd<br>dgdeg<br>dsdff.我要的是后者.
Top
5 楼 style="height:expression(document.body.scrollHeight)"

7 楼 //这样可以自动高速高度

<td width="200" >
<IFRAME style="height:expression(idEditbox.document.body.scrollHeight)" id=idEditbox marginWidth=0 marginHeight=0 src="4.htm" frameBorder=1 width="100%" scrolling="no" ></IFRAME>
</td>

Top
8 楼为什么iframe的高度不会随内容的多少而改变高度.请问要如何才能使iframe的高度随内容的增加而变高
----->

<table><tr>
<td width="200" >
<IFRAME id=idEditbox marginWidth=0 marginHeight=0 src="a.htm" frameBorder=1 width="100%" scrolling="no" >
</IFRAME>
</td>
</tr></table>
Top

10 楼 <iframe src="http://www.divhome.com" onload="this.height = this.document.body.offsetHeight;this.width=this.document.body.offsetWidth;"></iframe>

让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的高度及大小随帧内容的大小而自动改变的效果，而不会影响你原来页面效果，非常方便！

11 楼给IFRAME单独用个表格像上边那样
12 楼或许你定义的表格限制了IFRAME的高度
Top
13 楼 iframe中内容改变会触发的事件叫什么?
Top
15 楼lgue（李四[廣告：http://www.divhome.com回复于 2004-09-17 16:55:15 得分 0 <IFRAME style="height:expression(idEditbox.document.body.scrollHeight)" id=idEditbox marginWidth=0 marginHeight=0 src="4.htm" frameBorder=1 width="100%" scrolling="no" ></IFRAME>
&

nbsp; 粉好。搞定。
Top

17 楼panzi667（迅雷免费电影下载社区http://www.divhome.com）回复于把<body style="word-break:break-all;" >
改为<body style="word-break:break-all;" onresize="parent.document.all('idEditbox').style.height=document.body.scrollHeight+15;">

我也遇到过类似的问题，就是用利用处理resize事件解决的，你试试看 [/quote]