分享三个iframe自适应高度的例子
iframe自适应高度
本文介绍下，iframe自适应高度的例子，方便初学的朋友学习参考。
不说理论了，直接上iframe实例。
页面，0.htm：
1.htm：
2.htm：
本文原始链接：http://www.jbxue.com/article/9113.html
本文介绍下，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.jbxue.com
<p>脚本学堂_www.jbxue.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.jbxue.com
<p>脚本学堂_www.jbxue.com
<p>四通八达
<p>脚本学堂
<p>六安市
<p>不一样的致青春。
<p>来吧朋友，来吧朋友。
<p>九月份
<p>北京欢迎你
<P>再加高一倍
<p>一草一木
<p>脚本学堂_www.jbxue.com
<p>脚本学堂_www.jbxue.com
<p>四通八达
<p>脚本学堂
<p>六安市
<p>不一样的致青春。
<p>来吧朋友，来吧朋友。
<p>九月份
<p>北京欢迎你
</body>
</html>
本文原始链接：http://www.jbxue.com/article/9113.html