手机
当前位置:查字典教程网 >编程开发 >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 fancybox在ie浏览器下无法显示关闭按钮的解决办法

浅谈Javascript线程及定时机制

Java的不同版本:J2SE、J2EE、J2ME的区别

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

JS实现浏览器菜单命令

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

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

javascript验证邮件地址和MX记录的方法

日期函数扩展类Ver0.1.1

IE浏览器下PNG相关功能

精品推荐
分类导航