iframe自适应高度
所属栏目:
CSS
时间:2008-03-27 21:31
作者:狼子
http://www.tiantiansoft.com/bbs/dispbbs.asp?BoardID=80&id=75576
0.htm:
<html>
<body>
<P>测试
<table border="1">
<tr>
<td valign="top">
<a href="1.htm" target="iframe">第一个连接</a>
<a href="2.htm" target="iframe">第二个连接</a>
</td>
<td id="mytest">
<IFRAME name="iframe" frameBorder="0" scrolling="no" noresize height="100%" width="457" src="1.htm" ></IFRAME>
</td>
</tr>
</table>
</body>
</html>
1.htm:
<html>
<body onload="parent.document.all('mytest').height=document.body.scrollHeight;">
<P>第一个连接
<p>一草一木
<p>二十世纪
<p>三三两两
<p>四通八达
<p>五花八门
<p>六安市
<p>七台河
<p>八百功德
<p>九月份
<p>十三大
</body>
</html>
2.htm:
<html>
<body onload="parent.document.all('mytest').height=document.body.scrollHeight;">
<P>第二个连接
<p>一草一木
<p>二十世纪
<p>三三两两
<p>四通八达
<p>五花八门
<p>六安市
<p>七台河
<p>八百功德
<p>九月份
<p>十三大
<P>再加高一倍
<p>一草一木
<p>二十世纪
<p>三三两两
<p>四通八达
<p>五花八门
<p>六安市
<p>七台河
<p>八百功德
<p>九月份
<p>十三大
</body>
</html>