让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。 
Javascript 相关文章推荐
Jquery阻止事件冒泡 event.stopPropagation
Dec 11 Javascript
javascript限制用户只能输汉字中文的方法
Nov 20 Javascript
基于jQuery实现复选框的全选 全不选 反选功能
Nov 24 Javascript
JS判断日期格式是否合法的简单实例
Jul 11 Javascript
实例解析angularjs的filter过滤器
Dec 14 Javascript
Angularjs2不同组件间的通信实例代码
May 06 Javascript
Angular Material Icon使用详解
Nov 07 Javascript
详解小程序毫秒级倒计时(适用于拼团秒杀功能)
May 05 Javascript
layui 表单标签的校验方法
Sep 04 Javascript
layui 监听select选择 获取当前select的ID名称方法
Sep 24 Javascript
解决vue路由name同名,路由重复的问题
Aug 05 Javascript
一文了解JavaScript用Element Traversal新属性遍历子元素
Nov 27 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
PHP 强制性文件下载功能的函数代码(任意文件格式)
2010/05/26 PHP
php实现中文字符截取防乱码方法汇总
2015/04/29 PHP
php文件上传的两种实现方法
2016/04/04 PHP
php图片裁剪函数
2018/10/31 PHP
for 循环性能比较 提高for循环的效率
2009/03/19 Javascript
解析javascript 实用函数的使用详解
2013/05/10 Javascript
关于extjs4如何获取grid修改后的数据的问题
2013/08/07 Javascript
JavaScript 语言基础知识点总结(思维导图)
2013/11/10 Javascript
javascript如何使用bind指定接收者
2014/05/04 Javascript
js动态删除div元素基本思路及实现代码
2014/05/08 Javascript
jquery序列化表单以及回调函数的使用示例
2014/07/02 Javascript
JavaScript的模块化开发框架Sea.js上手指南
2016/05/12 Javascript
vue.js学习之递归组件
2016/12/13 Javascript
jQuery Validate 校验多个相同name的方法
2017/05/18 jQuery
Angular2入门教程之模块和组件详解
2017/05/28 Javascript
jQuery+ajax实现局部刷新的两种方法
2017/06/08 jQuery
浅谈webpack打包生成的bundle.js文件过大的问题
2018/02/22 Javascript
基于vue-cli、elementUI的Vue超简单入门小例子(推荐)
2019/04/17 Javascript
js 函数性能比较方法
2020/08/24 Javascript
[59:08]DOTA2上海特级锦标赛C组小组赛#2 LGD VS Newbee第一局
2016/02/27 DOTA
[47:26]完美世界DOTA2联赛 LBZS vs Forest 第二场 11.07
2020/11/09 DOTA
在Pycharm terminal中字体大小设置的方法
2019/01/16 Python
利用python实现在微信群刷屏的方法
2019/02/21 Python
CentOS7安装Python3的教程详解
2019/04/10 Python
HTML5+CSS3实现机器猫
2016/10/17 HTML / CSS
Godiva巧克力英国官网:比利时歌帝梵巧克力
2018/08/28 全球购物
北美主要的汽车零部件零售商:AutoShack.com
2019/02/23 全球购物
护理专业毕业生自我鉴定
2013/10/08 职场文书
报效祖国演讲稿
2014/09/15 职场文书
2015年党员自评材料
2014/12/17 职场文书
仓库管理员岗位职责
2015/02/03 职场文书
《作风建设永远在路上》心得体会
2016/01/21 职场文书
九年级语文教学反思
2016/03/03 职场文书
《曾国藩家书》读后感——读家书,立家风
2019/08/21 职场文书
SpringBoot整合minio快速入门教程(代码示例)
2022/04/03 Java/Android
vscode内网访问服务器的方法
2022/06/28 Servers