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

最新推荐文章于 2022-10-25 15:07:35 发布

梦想照进他的现实

最新推荐文章于 2022-10-25 15:07:35 发布

阅读量89

点赞数

分类专栏： Jquery 文章标签： iframe

本文链接：https://blog.csdn.net/toplover2/article/details/84483817

版权

Jquery 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

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

梦想照进他的现实

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享三个iframe自适应高度的例子

iframe自适应高度本文介绍下，iframe自适应高度的例子，方便初学的朋友学习参考。不说理论了，直接上iframe实例。页面，0.htm：[code="java"] 测试链接1 链接2 [/code]1.htm：[code="java"]...
复制链接

扫一扫