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

jquery easyui combobox模糊过滤(示例代码)

Nov 30 Javascript

详解利用exif.js解决ios手机上传竖拍照片旋转90度问题

Nov 04 Javascript

vue.js中指令Directives详解

Mar 20 Javascript

js获取css的各种样式并且设置他们的方法

Aug 22 Javascript

gulp教程_从入门到项目中快速上手使用方法

Sep 14 Javascript

Vue.js 实现微信公众号菜单编辑器功能(二)

May 08 Javascript

详解create-react-app 自定义 eslint 配置

Jun 07 Javascript

Vue2.0生命周期的理解

Aug 20 Javascript

详解微信小程序canvas圆角矩形的绘制的方法

Aug 22 Javascript

VSCode使用之Vue工程配置eslint

Apr 30 Javascript

javascript数组的定义及操作实例

Nov 10 Javascript

vuecli项目构建SSR服务端渲染的实现

Oct 30 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实现在线阅读PDF文件的方法

2015/06/17 PHP

日常整理PHP中简单的图形处理(经典)

2015/10/26 PHP

PHP数学运算与数据处理实例分析

2016/04/01 PHP

php 多文件上传的实现实例

2016/10/23 PHP

php实现连接access数据库并转txt写入的方法

2017/02/08 PHP

javascript 强制刷新页面的实现代码

2009/12/13 Javascript

jQuery插件开发基础简单介绍

2013/01/07 Javascript

javascript刷新父页面的各种方法汇总

2014/09/03 Javascript

贴近用户体验的Jquery日期、时间选择插件

2015/08/19 Javascript

JavaScript实现弹出模态窗体并接受传值的方法

2016/02/12 Javascript

深入解析JavaScript中函数的Currying柯里化

2016/03/19 Javascript

Bootstrap企业网站实战项目4

2016/10/14 Javascript

使用Fullpage插件快速开发整屏翻页的页面

2017/09/13 Javascript

javaScript canvas实现(画笔大小颜色橡皮的实例)

2017/11/28 Javascript

js禁止查看源文件屏蔽Ctrl+u/s、F12、右键等兼容IE火狐chrome

2020/10/01 Javascript

node.js通过Sequelize 连接MySQL的方法

2020/12/28 Javascript

python实现的各种排序算法代码

2013/03/04 Python

Python自动连接ssh的方法

2015/03/07 Python

用Python进行行为驱动开发的入门教程

2015/04/23 Python

CentOS下使用yum安装python-pip失败的完美解决方法

2017/08/16 Python

Python 实现使用dict 创建二维数据、DataFrame

2018/04/13 Python

Python使用Flask-SQLAlchemy连接数据库操作示例

2018/08/31 Python

Python高级特性与几种函数的讲解

2019/03/08 Python

详解pandas DataFrame的查询方法（loc,iloc,at,iat,ix的用法和区别）

2019/08/02 Python

python对Excel按条件进行内容补充(推荐)

2019/11/24 Python

python Qt5实现窗体跟踪鼠标移动

2019/12/13 Python

Python: tkinter窗口屏幕居中,设置窗口最大,最小尺寸实例

2020/03/04 Python

Move Free官方海外旗舰店：美国骨关节健康专业品牌

2017/12/06 全球购物

英国手机壳购买网站：Case Hut

2019/04/11 全球购物

给护士表扬信

2014/01/19 职场文书

社区端午节活动方案

2014/01/28 职场文书

奉献爱心演讲稿

2014/09/04 职场文书

户籍证明书标准模板

2014/09/10 职场文书

编写python程序的90条建议

2021/04/14 Python

PyTorch 实现L2正则化以及Dropout的操作

2021/05/27 Python

SQL Server2019数据库备份与还原脚本，数据库可批量备份

2021/11/20 SQL Server