首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

分享三个iframe自适应高度的事例

2013-10-01 
分享三个iframe自适应高度的例子iframe自适应高度本文介绍下,iframe自适应高度的例子,方便初学的朋友学习

分享三个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>  


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

热点排行