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

方法如下,将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。 

相关推荐