让iframe框架网页在任何浏览器下自动伸缩

ttx9n · 发表于 2006-8-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。

cxst1h57 · 发表于 2022-8-19 15:44:21

人都不在了啊啊

z835648964 · 发表于 2022-10-10 22:55:42

儿飞飞微风DVD谁vdsvd

hd1tvqb3 · 发表于 2022-11-10 11:17:17

建军节建军节建军节建军节

shw5ovr · 发表于 2022-12-12 08:16:21

2222222222222222

5cf304mn2 · 发表于 2023-3-31 19:04:26

天天源码论坛

pb_tjc · 发表于 2023-6-24 03:15:44

啦啦啦啦啦啦啦啦！

i1efp6c · 发表于 2023-11-10 21:17:14

好东西一定要看看！

e8hwl6prw · 发表于 2023-11-11 05:32:37

天天源码社区www.tiantianym.com

z80vh · 发表于 2023-11-17 12:27:44

管灌灌灌灌灌灌灌灌灌灌

账号		自动登录	找回密码
密码			立即注册

[JavaScript] 让iframe框架网页在任何浏览器下自动伸缩

相关帖子