iframe自适应高度的例子

发布时间:2020-07-29编辑:脚本学堂
本文介绍下,iframe自适应高度的例子,方便初学的朋友学习参考。

不说理论了,直接上iframe实例。
页面,0.htm:

复制代码 代码示例:
<html>
<body>
<P>测试
<table border="1">
<tr>
<td valign="top">
  <a href="1.htm" target="iframe">链接1</a>
  <a href="2.htm" target="iframe">链接2</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>脚本学堂_www.jb200.com
<p>脚本学堂_www.jb200.com
<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>脚本学堂_www.jb200.com
<p>脚本学堂_www.jb200.com
<p>四通八达
<p>脚本学堂
<p>六安市
<p>不一样的致青春。
<p>来吧朋友,来吧朋友。
<p>九月份
<p>北京欢迎你
<P>再加高一倍
<p>一草一木
<p>脚本学堂_www.jb200.com
<p>脚本学堂_www.jb200.com
<p>四通八达
<p>脚本学堂
<p>六安市
<p>不一样的致青春。
<p>来吧朋友,来吧朋友。
<p>九月份
<p>北京欢迎你
</body>
</html>