编程 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实现的类flash菜单效果代码

May 17 Javascript

innerText和textContent对比及使用介绍

Feb 27 Javascript

点击表单提交时出现jQuery没有权限的解决方法

Jul 23 Javascript

jquery实现图片随机排列的方法

May 04 Javascript

javascript实现相同事件名称，不同命名空间的调用方法

Jun 26 Javascript

JavaScript实现的SHA-1加密算法完整实例

Feb 02 Javascript

基于JS实现类似支付宝支付密码输入框

Sep 02 Javascript

关于RequireJS的简单介绍即使用方法

Oct 20 Javascript

详解Vue.use自定义自己的全局组件

Jun 14 Javascript

基于angular2 的 http服务封装的实例代码

Jun 29 Javascript

JS实现多物体运动的方法详解

Jan 23 Javascript

微信小程序实现跑马灯效果

Oct 21 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

动画《Pokemon Sword·Shield》系列WEB动画《薄明之翼》第2话声优阵容公开！

2020/03/06 日漫

php入门学习知识点四 PHP正则表达式基本应用

2011/07/14 PHP

php备份数据库类分享

2015/04/14 PHP

php上传图片获取路径及给表单字段赋值的方法

2016/01/23 PHP

Zend Framework教程之Zend_Form组件实现表单提交并显示错误提示的方法

2016/03/21 PHP

ThinkPHP中调用PHPExcel的实现代码

2017/04/08 PHP

动态表单验证的操作方法和TP框架里面的ajax表单验证

2017/07/19 PHP

Extjs4中的分页应用结合前后台

2013/12/13 Javascript

深入分析escape()、encodeURI()、encodeURIComponent()的区别及示例

2014/08/04 Javascript

javascript实现淡蓝色的鼠标拖动选择框实例

2015/05/09 Javascript

jQuery实现的图文高亮滚动切换特效实例

2015/08/10 Javascript

js中的关联数组与普通数组详解

2016/07/27 Javascript

JS实现兼容火狐及IE iframe onload属性的遮罩层隐藏及显示效果

2016/08/23 Javascript

javaScript嗅探执行神器-sniffer.js

2017/02/14 Javascript

JS实现本地存储信息的方法(基于localStorage与userData)

2017/02/18 Javascript

Vue关于数据绑定出错解决办法

2017/05/15 Javascript

JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案

2017/06/30 Javascript

layDate日期控件使用方法详解

2018/11/15 Javascript

Angular7.2.7路由使用初体验

2019/03/01 Javascript

js模拟实现百度搜索

2020/06/28 Javascript

js 压缩图片的示例（只缩小体积，不更改图片尺寸）

2020/10/21 Javascript

Python3读取zip文件信息的方法

2015/05/22 Python

python tools实现视频的每一帧提取并保存

2020/03/20 Python

Python selenium键盘鼠标事件实现过程详解

2020/07/28 Python

Python文件操作及内置函数flush原理解析

2020/10/13 Python

详解Python利用configparser对配置文件进行读写操作

2020/11/03 Python

html5/css3响应式页面开发总结

2018/10/16 HTML / CSS

阿根廷网上配眼镜：SmartBuyGlasses阿根廷

2016/08/19 全球购物

泰国折扣酒店预订：Hotels2Thailand

2018/03/20 全球购物

应届大学生自荐信格式

2013/09/21 职场文书

品质主管岗位职责

2014/03/16 职场文书

学习心理学的体会

2014/11/07 职场文书

一年级下册数学教学反思

2016/02/16 职场文书

mysql 直接拷贝data 目录下文件还原数据的实现

2021/07/25 MySQL

基于HTML十秒做出淘宝页面

2021/10/24 HTML / CSS

MySQL分区路径子分区再分区

2022/04/13 MySQL