编程 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 09 Javascript

JavaScript面向对象编程入门教程

Apr 16 Javascript

js使用栈来实现10进制转8进制与取除数及余数

Jun 11 Javascript

jQuery中:last-child选择器用法实例

Dec 31 Javascript

JavaScript里 ==与===区别详解

Aug 16 Javascript

Bootstrap 填充Json数据的实例代码

Jan 11 Javascript

浅谈Javascript事件对象

Feb 05 Javascript

Vue computed计算属性的使用方法

Jul 14 Javascript

微信小程序开发背景图显示功能

Aug 08 Javascript

Angular 利用路由跳转到指定页面的指定位置方法

Aug 31 Javascript

5分钟快速看懂ES6中的反射与代理

Dec 19 Javascript

OpenLayers3实现测量功能

Sep 25 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记录用户通过搜索引擎进网站的关键词

2014/02/13 PHP

php通过各种函数判断0和空

2020/07/04 PHP

prototype 1.5相关知识及他人笔记

2006/12/16 Javascript

用JavaScript调用WebService的示例

2008/04/07 Javascript

深入document.write()与HTML4.01的非成对标签的详解

2013/05/08 Javascript

Js注册协议倒计时的小例子

2013/06/24 Javascript

js如何获取object类型里的键值

2014/02/18 Javascript

javascript闭包入门示例

2014/04/30 Javascript

Js操作树节点自动折叠展开的几种方法

2014/05/05 Javascript

jQuery实现的fixedMenu下拉菜单效果代码

2015/08/24 Javascript

JS随机洗牌算法之数组随机排序

2016/03/23 Javascript

js模态对话框使用方法详解

2017/02/16 Javascript

JavaScript正则表达式简单实用实例

2017/06/23 Javascript

JavaScript闭包_动力节点Java学院整理

2017/06/27 Javascript

微信小程序实现简单input正则表达式验证功能示例

2017/11/30 Javascript

vue轮播图插件vue-concise-slider的使用

2018/03/13 Javascript

JavaScript从原型到原型链深入理解

2019/06/03 Javascript

javascript关于“时间”的一次探索

2019/07/24 Javascript

JS 自执行函数原理及用法

2019/08/05 Javascript

JS typeof fn === 'function' && fn()详解

2020/08/22 Javascript

Vue Element校验validate的实例

2020/09/21 Javascript

[04:45]DOTA2-DPC中国联赛正赛 iG vs LBZS 赛后选手采访

2021/03/11 DOTA

python的即时标记项目练习笔记

2014/09/18 Python

python简单猜数游戏实例

2015/07/09 Python

Python学习入门之区块链详解

2017/07/25 Python

python 3调用百度OCR API实现剪贴板文字识别

2018/09/04 Python

对python中数组的del,remove,pop区别详解

2018/11/07 Python

Python pygame绘制文字制作滚动文字过程解析

2019/12/12 Python

浅谈对pytroch中torch.autograd.backward的思考

2019/12/27 Python

实例代码讲解Python 线程池

2020/08/24 Python

详解CSS3选择器的使用方法汇总

2015/11/24 HTML / CSS

哈曼俄罗斯官方网上商店：Harman.club

2020/07/24 全球购物

商务日语专业毕业生求职信

2013/10/26 职场文书

经典毕业生求职信

2014/07/12 职场文书

力学专业求职信

2014/07/23 职场文书

2019预备党员转正申请书模板2篇！

2019/08/07 职场文书