手机
当前位置:查字典教程网 >编程开发 >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框架网页在任何浏览器下自动伸缩】相关文章:

IE浏览器下PNG相关功能

JavaScript中关联原型链属性特性

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

JavaScript中String.match()方法的使用详解

JavaScript实现仿网易通行证表单验证

jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法

JQuery分屏指示器图片轮换效果实例

浅谈Javascript线程及定时机制

如何实现浏览器上的右键菜单

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

精品推荐
分类导航