编程 Javascript

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

Posted in Javascript onAugust 18, 2006

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

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

XHTML下,JS浮动代码失效的问题

Nov 12 Javascript

使用js画图之画切线

Jan 12 Javascript

jQuery判断浏览器并动态调整select宽度的方法

Mar 02 Javascript

基于jquery fly插件实现加入购物车抛物线动画效果

Apr 05 Javascript

jQuery中 bind的用法简单介绍

Feb 13 Javascript

JavaScript中利用构造器函数模拟类的方法

Feb 16 Javascript

react的滑动图片验证码组件的示例代码

Feb 27 Javascript

微信小程序常见页面跳转操作简单示例

May 01 Javascript

js实现鼠标点击页面弹出自定义文字效果

Dec 24 Javascript

JS错误处理与调试操作实例分析

Apr 13 Javascript

Element DateTimePicker日期时间选择器的使用示例

Jul 27 Javascript

js动态生成表格(节点操作)

Jan 12 Javascript

去除链接虚线全面分析总结

Aug 15 #Javascript

静态的动态续篇之来点XML

Aug 15 #Javascript

实用javaScript技术-屏蔽类

Aug 15 #Javascript

巧妙破除网页右键禁用的十大绝招

Aug 12 #Javascript

总结一些js自定义的函数

Aug 05 #Javascript

document对象execCommand的command参数介绍

Aug 01 #Javascript

[JS]点出统计器

Oct 11 #Javascript

You might like

与数据库连接

2006/10/09 PHP

浅析php单例模式

2014/11/25 PHP

PHP实现简单实用的验证码类

2015/07/29 PHP

项目实践之javascript技巧

2007/12/06 Javascript

Jquery ui css framework

2010/06/28 Javascript

让table变成exls的示例代码

2014/03/24 Javascript

node.js中的fs.appendFile方法使用说明

2014/12/17 Javascript

jquery实现邮箱自动填充提示功能

2015/11/17 Javascript

JS如何设置iOS中微信浏览器的title

2016/11/22 Javascript

vue中计算属性（computed）、methods和watched之间的区别

2017/07/27 Javascript

three.js实现3D影院的原理的代码分析

2017/12/18 Javascript

详解适配器在JavaScript中的体现

2018/09/28 Javascript

使用npm命令提示: 'npm' 不是内部或外部命令,也不是可运行的程序的处理方法

2020/05/14 Javascript

一步步解析Python斗牛游戏的概率

2016/02/12 Python

python 实现红包随机生成算法的简单实例

2017/01/04 Python

使用anaconda的pip安装第三方python包的操作步骤

2018/06/11 Python

Python命名空间的本质和加载顺序

2018/12/17 Python

Python WEB应用部署的实现方法

2019/01/02 Python

Flask框架学习笔记之路由和反向路由详解【图文与实例】

2019/08/12 Python

pytorch 在网络中添加可训练参数,修改预训练权重文件的方法

2019/08/17 Python

在python image 中安装中文字体的实现方法

2019/08/22 Python

python实现批量文件重命名

2019/10/31 Python

TensorFlow的reshape操作 tf.reshape的实现

2020/04/19 Python

Python将二维列表list的数据输出(TXT，Excel)

2020/04/23 Python

python实现登录与注册系统

2020/11/30 Python

L*SPACE官网：比基尼、泳装和度假服装

2019/03/18 全球购物

GMP办公室主任岗位职责

2014/03/14 职场文书

员工合理化建议书

2014/05/19 职场文书

2014年党风廉政工作总结

2014/12/03 职场文书

写给医院的感谢信

2015/01/22 职场文书

收银员岗位职责

2015/02/03 职场文书

军事博物馆观后感

2015/06/05 职场文书

学校运动会简讯

2015/07/20 职场文书

公司趣味运动会开幕词

2016/03/04 职场文书

Python自动化测试PO模型封装过程详解

2021/06/22 Python

SQL Server2019数据库备份与还原脚本，数据库可批量备份

2021/11/20 SQL Server