分享三个iframe自适应高度的例子
iframe自适应高度
本文介绍下,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>
<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>
<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>