让iframe框架网页在任何浏览器下自动伸缩
2018-09-27 09:18
方法如下，将2段代
码照提示保存。
请保存为mainframe.htm
复制代码 代码如下:
<html>
<body>
<div>
<iframemarginwidth=0marginheight=0hspace=0vspace=0frameborder=0
id=frametbscrolling=nosrc=frame.htm
+style.height=this.contentWindow.document.all.formfra.offsetHeight></iframe>
</div>
</body>
</html>
请保存为frame.htm
复制代码 代码如下:
<html>
<bodyleftmargin=0topmargin=0>
<tableid=formfrawidth=200border=0bgcolor=green>
<tr><td>
胡东平在线空间
<p/>
sfsfere
</td></tr>
</table>
</body>
</html>
执行mainframe.htm就可以看到效果了。
套用修改的时候要注意mainframe.htm和frame.htm里面定义表格的ID，然后记得在frame语句中修改相对应的
调用文件名称和路径，并且注意下面这句：
复制代码 代码如下:
+style.height=this.contentWindow.document.all.formfra.offsetHeight
做相应修改
复制代码 代码如下:
this.contentWindow.document.all.调用页面表格ID.offsetHeight
记住，一定要定义表格ID。
上一篇：Yii2 批量插入、更新数据实例
下一篇：微信小程序文章详情页面实现代码
文章标题：让iframe框架网页在任何浏览器下自动伸缩
文章链接：http://soscw.com/index.php/essay/18033.html