编程 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 相关文章推荐

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