编程 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 对任意元素,自定义右键菜单的实现方法

May 08 Javascript

JQuery插件开发示例代码

Nov 06 Javascript

JavaScript Array对象扩展indexOf()方法

May 09 Javascript

JavaScript设计模式开发中组合模式的使用教程

May 18 Javascript

动态设置form表单的action属性的值的简单方法

May 25 Javascript

浅析JavaScript中的对象类型Object

May 26 Javascript

AngularJS实现Input格式化的方法

Nov 07 Javascript

JS交互点击WKWebView中的图片实现预览效果

Jan 05 Javascript

vue中的watch监听数据变化及watch中各属性的详解

Sep 11 Javascript

微信小程序Echarts覆盖正常组件问题解决

Jul 13 Javascript

浅谈laytpl 模板空值显示null的解决方法及简单的js表达式

Sep 19 Javascript

15分钟上手vue3.0(小结)

May 20 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 文件上传代码(限制jpg文件)

2010/01/05 PHP

GBK的页面输出JSON格式的php函数

2010/02/16 PHP

测试php连接mysql是否成功的代码分享

2014/01/24 PHP

php版微信开发之接收消息,自动判断及回复相应消息的方法

2016/09/23 PHP

PHP实现QQ登录的开原理和实现过程

2018/02/04 PHP

初识javascript 文档碎片

2010/07/13 Javascript

jquery中对表单的基本操作代码

2010/07/29 Javascript

kmock javascript 单元测试代码

2011/02/06 Javascript

jquery限定文本框只能输入数字即整数和小数

2013/11/29 Javascript

基于jQuery实现的仿百度首页滑动选项卡效果代码

2015/11/16 Javascript

AngularJS 服务详细讲解及示例代码

2016/08/17 Javascript

JS实现快速的导航下拉菜单动画效果附源码下载

2016/11/01 Javascript

详解nodejs中的process进程

2017/03/19 NodeJs

JS常见创建类的方法小结【工厂方式,构造器方式,原型方式,联合方式等】

2017/04/01 Javascript

JavaScript仿微信打飞机游戏

2020/07/05 Javascript

vue2.0安装style/css loader的方法

2018/03/14 Javascript

利用Vue构造器创建Form组件的通用解决方法

2018/12/03 Javascript

Nuxt项目支持eslint+pritter+typescript的实现

2019/05/20 Javascript

jquery多级树形下拉菜单的实例代码

2019/07/09 jQuery

vue-cli 为项目设置别名的方法

2019/10/15 Javascript

Python脚本暴力破解栅栏密码

2015/10/19 Python

Python unittest 简单实现参数化的方法

2018/11/30 Python

tensorflow如何继续训练之前保存的模型实例

2020/01/21 Python

利用Python制作动态排名图的实现代码

2020/04/09 Python

python3访问字典里的值实例方法

2020/11/18 Python

您的健身减肥和健康饮食专家：vitafy

2017/06/06 全球购物

教师学习培训邀请函

2014/02/04 职场文书

2015年暑期社会实践活动总结

2015/03/27 职场文书

2015年中学体育教师工作总结

2015/10/23 职场文书

礼貌问候语大全

2015/11/10 职场文书

课改心得体会范文

2016/01/25 职场文书

《金色的草地》教学反思

2016/02/17 职场文书

心得体会该怎么写呢?

2019/06/27 职场文书

MYSQL数据库使用UTF-8中文编码乱码的解决办法

2021/05/26 MySQL

Python中基础数据类型 set集合知识点总结

2021/08/02 Python

Python学习之迭代器详解

2022/04/01 Python