手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >让iframe框架网页在任何浏览器下自动伸缩
让iframe框架网页在任何浏览器下自动伸缩
摘要:方法如下,将2段代码照提示保存。请保存为mainframe.htm复制代码代码如下:请保存为frame.htm复制代码代码如下:胡东平在线空...

方法如下,将2段代

码照提示保存。

请保存为mainframe.htm

复制代码 代码如下:

<html>

<body>

<div>

<iframemarginwidth="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>

<bodyleftmargin="0"topmargin="0">

<tableid=formfrawidth=200border=0bgcolor=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。

【让iframe框架网页在任何浏览器下自动伸缩】相关文章:

jQuery插件制作之参数用法实例分析

js获取滚动距离的方法

微信内置浏览器私有接口WeixinJSBridge介绍

用 或 || 来兼容FireFox

js实现精美的银灰色竖排折叠菜单

日历-指定日期的新闻

IE浏览器下PNG相关功能

JavaScript判断数组是否包含指定元素的方法

js判断鼠标位置是否在某个div中的方法

checkbox实现全选的多种方法 不断更新 原创

精品推荐
分类导航