让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 相关文章推荐
Dojo之路:如何利用Dojo实现Drag and Drop效果
Apr 10 Javascript
js弹出层之1:JQuery.Boxy (二)
Oct 06 Javascript
jQuery学习笔记之 Ajax操作篇(三) - 过程处理
Jun 23 Javascript
Javascript模块化编程详解
Dec 01 Javascript
JavaScript实现按照指定长度为数字前面补零输出的方法
Mar 19 Javascript
JavaScript 面向对象与原型
Apr 10 Javascript
遮罩层点击按钮弹出并且具有拖动和关闭效果(两种方法)
Aug 20 Javascript
Node.js实现数据推送
Apr 14 Javascript
20分钟成功编写bootstrap响应式页面 就这么简单
May 12 Javascript
jQuery基于函数重载实现自定义Alert函数样式的方法
Jul 27 Javascript
Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置
Oct 08 Javascript
jQuery实现的导航条点击后高亮显示功能示例
Mar 04 jQuery
去除链接虚线全面分析总结
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+mysql写的简单留言本实例代码
2008/07/25 PHP
php递归遍历删除文件的方法
2015/04/17 PHP
php使用number_format函数截取小数的方法分析
2016/05/27 PHP
JS 获取span标签中的值的代码 支持ie与firefox
2009/08/24 Javascript
javascript:void(0)点击登录没反应怎么解决
2015/11/13 Javascript
实例讲解js验证表单项是否为空的方法
2016/01/09 Javascript
JQuery ztree 异步加载实例讲解
2016/02/25 Javascript
js 创建对象 经典模式全面了解
2016/08/16 Javascript
js获取当前周、上一周、下一周日期
2017/03/19 Javascript
80%应聘者都不及格的JS面试题
2017/03/21 Javascript
Async Validator 异步验证使用说明
2017/07/03 Javascript
微信小程序实现页面跳转传值的方法
2017/10/12 Javascript
Vue中正确使用jQuery的方法
2017/10/30 jQuery
实时监控input框,实现输入框与下拉框联动的实例
2018/01/23 Javascript
JavaScript展开操作符(Spread operator)详解
2019/07/20 Javascript
基于Vue CSR的微前端实现方案实践
2020/05/27 Javascript
Python3如何解决字符编码问题详解
2017/04/23 Python
python中单例常用的几种实现方法总结
2018/10/13 Python
Python实现监控Nginx配置文件的不同并发送邮件报警功能示例
2019/02/26 Python
python3中property使用方法详解
2019/04/23 Python
Python OpenCV实现视频分帧
2019/06/01 Python
详解python列表(list)的使用技巧及高级操作
2019/08/15 Python
css3遮罩层镂空效果的多种实现方法
2020/05/11 HTML / CSS
使用canvas来完成线性渐变和径向渐变的功能的方法示例
2019/07/25 HTML / CSS
Omio中国:全欧洲低价大巴、火车和航班搜索和比价
2018/08/09 全球购物
在线购买澳大利亚设计师手拿包和奢华晚装手袋:Olga Berg
2019/03/20 全球购物
德国珠宝和配件商店:Styleserver
2021/02/23 全球购物
database面试题
2013/03/28 面试题
好人好事事迹材料
2014/02/12 职场文书
志愿者活动总结范文
2014/04/26 职场文书
乡镇党建工作汇报材料
2014/08/14 职场文书
庆国庆国旗下讲话稿2014
2014/09/21 职场文书
解决jupyter notebook图片显示模糊和保存清晰图片的操作
2021/04/24 Python
Java集成swagger文档组件
2021/06/28 Java/Android
漫画「请问您今天要来点兔子吗?」最新杂志彩页公开
2022/03/24 日漫
分享几个简单MySQL优化小妙招
2022/03/31 MySQL