iframe自动调整高度
iframe自动调整高度
<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>
&
