让iframe框架网页在任何浏览器下自动伸缩
更新时间：2006年08月18日 00:00:00 作者：
很多朋友都在使用iframe中遇到过不能自动随页面伸缩，特别是动态读取页面的时候，会出现滚动条，影响美观，今天研究一下了，发现了一个简单解决的办法，可以在IE，FIREFOX，OPERA下使用
方法如下，将2段代
码照提示保存。
请保存为mainframe.htm
<html>
<body>
<div>
<iframe marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0"
id="frametb" scrolling="no" src="frame.htm"
onload="style.width=this.contentWindow.document.all.formfra.offsetWidth;"
+"style.height=this.contentWindow.document.all.formfra.offsetHeight"></iframe>
</div>
</body>
</html>
请保存为frame.htm
<html>
<body leftmargin="0" topmargin="0">
<table id=formfra width=200 border=0 bgcolor=green>
<tr><td>
胡东平在线空间
<p/>
sfsfere
</td></tr>
</table>
</body>
</html>
执行mainframe.htm就可以看到效果了。
套用修改的时候要注意mainframe.htm和frame.htm里面定义表格的ID，然后记得在frame语句中修改相对应的
调用文件名称和路径，并且注意下面这句：
onload="style.width=this.contentWindow.document.all.formfra.offsetWidth;"
+"style.height=this.contentWindow.document.all.formfra.offsetHeight"
做相应修改
this.contentWindow.document.all.调用页面表格ID.offsetWidth
this.contentWindow.document.all.调用页面表格ID.offsetHeight
记住，一定要定义表格ID。
码照提示保存。
请保存为mainframe.htm
复制代码 代码如下:
<html>
<body>
<div>
<iframe marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0"
id="frametb" scrolling="no" src="frame.htm"
onload="style.width=this.contentWindow.document.all.formfra.offsetWidth;"
+"style.height=this.contentWindow.document.all.formfra.offsetHeight"></iframe>
</div>
</body>
</html>
请保存为frame.htm
复制代码 代码如下:
<html>
<body leftmargin="0" topmargin="0">
<table id=formfra width=200 border=0 bgcolor=green>
<tr><td>
胡东平在线空间
<p/>
sfsfere
</td></tr>
</table>
</body>
</html>
执行mainframe.htm就可以看到效果了。
套用修改的时候要注意mainframe.htm和frame.htm里面定义表格的ID，然后记得在frame语句中修改相对应的
调用文件名称和路径，并且注意下面这句：
复制代码 代码如下:
onload="style.width=this.contentWindow.document.all.formfra.offsetWidth;"
+"style.height=this.contentWindow.document.all.formfra.offsetHeight"
做相应修改
复制代码 代码如下:
this.contentWindow.document.all.调用页面表格ID.offsetWidth
this.contentWindow.document.all.调用页面表格ID.offsetHeight
记住，一定要定义表格ID。
相关文章
Express框架Router Route Layer对象使用示例详解
这篇文章主要为大家介绍了Express框架Router Route Layer对象使用示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-03-03
这篇文章主要介绍了纯JS前端实现分页代码的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-06-06
这篇文章主要介绍了JavaScript取得WEB安全颜色列表的方法,分析了web安全颜色的定义及javascript获取web安全颜色的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-07-07
Attribute是属性的意思，文章仅对部分兼容IE和FF的Attribute相关的介绍。具体内容详情大家参考下本文2017-04-04
这篇文章主要介绍了微信小程序分享功能之按钮button 边框隐藏和点击隐藏,需要的朋友可以参考下2018-06-06
需要把这些输入写入数据库，这里就用到json传入，先看一下后台如何生成要传输的数据，感兴趣的朋友可以参考下，希望可以帮助到你2013-04-04
这篇文章主要介绍了js实现对table动态添加、删除和更新的方法,涉及javascript针对html中table表格节点的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
JSONP(JSON with Padding)是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。这篇文章主要介绍了JS JSOP跨域请求实例详解的相关资料,需要的朋友可以参考下2016-07-07
JavaScript Event事件学习第一章 Event介绍
Events是每一个JavaScript程序核心。什么是事件处理，它有什么问题和怎样写出跨浏览器的代码，我将在这一章做一个概述。我也会提供一些有精彩的关于事件处理程序的细节的文章。2010-02-02
很多小伙伴都在学习JavaScript,可能也会有老师提出这样一个问题,如何用js编写一个简单的验证码,这里就和大家分享一下,这篇文章主要给大家介绍了关于JavaScript实现图形验证码的相关资料,需要的朋友可以参考下2024-01-01
最新评论