编程 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的多选下拉框(自写)

May 05 Javascript

JavaScript中的null和undefined区别介绍

Jan 01 Javascript

详细解读JavaScript编程中的Promise使用

Jul 27 Javascript

移动端基础事件总结与应用

Jan 12 Javascript

AngularJS ng-repeat指令中使用track by子语句解决重复数据遍历错误问题

Jan 21 Javascript

jQuery常见面试题之DOM操作详析

Jul 05 jQuery

vue 粒子特效的示例代码

Sep 19 Javascript

详解Angular2学习笔记之Html属性绑定

Jan 03 Javascript

vue 之 .sync 修饰符示例详解

Apr 21 Javascript

生成无限制的微信小程序码的示例代码

Sep 20 Javascript

使用next.js开发网址缩短服务的方法

Jun 17 Javascript

vue实现在data里引入相对路径

Jun 05 Vue.js

去除链接虚线全面分析总结

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会员权限控制实现原理分析

2011/05/29 PHP

ThinkPHP模型详解

2015/07/27 PHP

PHP实现单例模式建立数据库连接的方法分析

2020/02/11 PHP

PHP实现本地图片转base64格式并上传

2020/05/29 PHP

Javascript实现的分页函数

2007/02/07 Javascript

基于jQuery的让非HTML5浏览器支持placeholder属性的代码

2011/05/24 Javascript

jQuery验证Checkbox是否选中的代码推荐

2011/09/04 Javascript

利用JS自动打开页面上链接的实现代码

2011/09/25 Javascript

通过jQuery源码学习javascript(二)

2012/12/27 Javascript

Jquery带搜索框的下拉菜单

2013/05/06 Javascript

JavaScript获取FCK编辑器信息的具体方法

2013/07/12 Javascript

js获取客户端网卡的IP地址、MAC地址

2014/03/26 Javascript

JS版的date函数（和PHP的date函数一样）

2014/05/12 Javascript

基于jQuery实现仿淘宝套餐选择插件

2015/03/04 Javascript

jquery+html5烂漫爱心表白动画代码分享

2015/08/24 Javascript

ros::spin() 和 ros::spinOnce()函数的区别及详解

2016/10/01 Javascript

ES5 ES6中Array对象去除重复项的方法总结

2017/04/27 Javascript

Angular 2.0+ 的数据绑定的实现示例

2017/08/09 Javascript

一个有意思的鼠标点击文字特效jquery代码

2017/09/23 jQuery

vue-router 源码之实现一个简单的 vue-router

2018/07/02 Javascript

详解async/await 异步应用的常用场景

2019/05/13 Javascript

在树莓派2或树莓派B+上安装Python和OpenCV的教程

2015/03/30 Python

Python学习笔记之错误和异常及访问错误消息详解

2019/08/08 Python

Python While循环语句实例演示及原理解析

2020/01/03 Python

python 实现仿微信聊天时间格式化显示的代码

2020/04/17 Python

Nike爱尔兰官方网站：Nike.com (IE)

2018/03/12 全球购物

Nebula美国官网：便携式投影仪

2019/03/15 全球购物

职高毕业生自我鉴定

2013/10/21 职场文书

护理专业毕业生推荐信

2013/10/31 职场文书

酒店服务与管理毕业生求职信

2013/11/02 职场文书

历史专业个人求职信范文

2013/12/07 职场文书

本科生的职业生涯规划范文

2014/01/09 职场文书

小学清明节活动总结

2014/07/04 职场文书

审查起诉阶段律师意见书

2015/05/19 职场文书

Python3的进程和线程你了解吗

2022/03/16 Python

win10怎么设置右下角图标不折叠?Win10设置右下角图标不折叠的方法

2022/07/15 数码科技