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

浅谈javascript 面向对象编程

Oct 28 Javascript

轻松实现javascript数据双向绑定

Nov 11 Javascript

vue2.0父子组件及非父子组件之间的通信方法

Jan 21 Javascript

jQuery实现的动态文字变化输出效果示例【附演示与demo源码下载】

Mar 24 jQuery

JS简单获取当前日期时间的方法(如：2017-03-29 11:41:10 星期四)

Mar 29 Javascript

详解RequireJs官方使用教程

Oct 31 Javascript

JavaScript中立即执行函数实例详解

Nov 04 Javascript

jquery animate动画持续运动的实例

Nov 29 jQuery

Angular实现的自定义模糊查询、排序及三角箭头标注功能示例

Dec 28 Javascript

SpringBoot+Vue前后端分离，使用SpringSecurity完美处理权限问题的解决方法

Jan 09 Javascript

vue实现文件上传功能

Aug 13 Javascript

jQuery实现的淡入淡出图片轮播效果示例

Aug 29 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模板类代码

2008/09/07 PHP

采用PHP函数memory_get_usage获取PHP内存清耗量的方法

2011/12/06 PHP

探讨方法的重写(覆载)详解

2013/06/08 PHP

thinkphp3.x中session方法的用法分析

2016/05/20 PHP

JS 有名函数表达式全面解析

2010/03/19 Javascript

javascript学习(一)构建自己的JS库

2013/01/02 Javascript

推荐9款炫酷的基于jquery的页面特效

2014/12/07 Javascript

Javascript验证Visa和MasterCard信用卡号的方法

2015/07/27 Javascript

jQuery实现折叠、展开的菜单组效果代码

2015/09/16 Javascript

Angularjs中UI Router的使用方法

2016/05/14 Javascript

Angular4学习笔记之准备和环境搭建项目

2017/08/01 Javascript

vue中appear的用法

2017/08/17 Javascript

vue数字类型过滤器的示例代码

2017/09/07 Javascript

mescroll.js上拉加载下拉刷新组件使用详解

2017/11/13 Javascript

使用Vue.js和Flask来构建一个单页的App的示例

2018/03/21 Javascript

vue自定义指令的创建和使用方法实例分析

2018/12/04 Javascript

vue+SSM实现验证码功能

2018/12/07 Javascript

解决vue中axios设置超时(超过5分钟)没反应的问题

2020/09/04 Javascript

vant中的toast轻提示实现代码

2020/11/04 Javascript

详解ES6 中的Object.assign()的用法实例代码

2021/01/11 Javascript

举例讲解Python中的list列表数据结构用法

2016/03/12 Python

详解Python文本操作相关模块

2017/06/22 Python

GitHub 热门：Python 算法大全,Star 超过 2 万

2019/04/29 Python

Django-celery-beat动态添加周期性任务实现过程解析

2020/11/26 Python

如何使用python-opencv批量生成带噪点噪线的数字验证码

2020/12/21 Python

英国珠宝钟表和家居礼品精品店：David Shuttle

2018/02/24 全球购物

自行车租赁公司创业计划书

2014/01/28 职场文书

纪检监察建议书

2014/05/19 职场文书

党员先进性教育整改措施

2014/09/18 职场文书

专升本学生毕业自我鉴定

2014/10/04 职场文书

迟到检讨书2000字（精选篇）

2014/10/07 职场文书

企业财务人员岗位职责

2015/04/14 职场文书

医院岗前培训心得体会

2016/01/08 职场文书

学习计划是什么

2019/04/30 职场文书

2019年暑期法院实习报告

2019/12/18 职场文书

Python+OpenCV实现图片中的圆形检测

2022/04/07 Python