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

js判断变量是否空值的代码

Oct 26 Javascript

JavaScript 封装Ajax传递的数据代码

Jun 05 Javascript

用js实现的自定义的对话框的实现代码

Mar 21 Javascript

getComputedStyle与currentStyle获取样式(style/class)

Mar 19 Javascript

js字符串转成JSON

Nov 07 Javascript

详解JavaScript的while循环的使用

Jun 03 Javascript

微信小程序购物商城系统开发系列-目录结构介绍

Nov 21 Javascript

详解微信小程序审核不通过的解决方法

Jan 17 Javascript

使用JS模拟锚点跳转的实例

Feb 01 Javascript

vue-lazyload使用总结(推荐)

Nov 01 Javascript

JavaScript碎片—函数闭包（模拟面向对象）

Mar 13 Javascript

scrapyd schedule.json setting 传入多个值问题

Aug 07 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错误日志的获取方法

2015/07/20 PHP

javascript的对话框详解与参数

2007/03/08 Javascript

需要做特殊处理的DOM元素属性的访问

2010/11/05 Javascript

$.format,jquery.format 使用说明

2011/07/13 Javascript

深入理解JavaScript系列(8) S.O.L.I.D五大原则之里氏替换原则LSP

2012/01/15 Javascript

JavaScript 处理Iframe自适应高度(同或不同域名下)

2013/03/29 Javascript

表单元素与非表单元素刷新区别详细解析

2013/11/06 Javascript

Node.js 的异步 IO 性能探讨

2014/10/08 Javascript

javascript另类方法实现htmlencode()与htmldecode()函数实例分析

2016/11/17 Javascript

详解vue父子模版嵌套案例

2017/03/04 Javascript

Angular4学习笔记之根模块与Ng模块

2017/09/09 Javascript

JavaScript实现离开页面前提示功能【附jQuery实现方法】

2017/09/26 jQuery

对angular2中的ngfor和ngif指令嵌套实例讲解

2018/09/12 Javascript

微信小程序onLaunch异步,首页onLoad先执行?

2018/09/20 Javascript

JS前端知识点offset，scroll，client，冒泡，事件对象的应用整理总结

2019/06/27 Javascript

vue中使用百度脑图kityminder-core二次开发的实现

2019/09/26 Javascript

JavaScript canvas仿代码流瀑布

2020/02/10 Javascript

python使用htmllib分析网页内容的方法

2015/05/08 Python

Python使用django获取用户IP地址的方法

2015/05/11 Python

python topN 取最大的N个数或最小的N个数方法

2018/06/04 Python

python实现趣味图片字符化

2019/04/30 Python

python通过txt文件批量安装依赖包的实现步骤

2019/08/13 Python

python使用Matplotlib改变坐标轴的默认位置

2019/10/18 Python

在Python中用GDAL实现矢量对栅格的切割实例

2020/03/11 Python

使用HTML5做的导航条详细步骤

2020/10/19 HTML / CSS

文员自我评价怎么写

2013/09/19 职场文书

应届医学毕业生求职信分享

2013/12/02 职场文书

施工资料员岗位职责

2014/01/06 职场文书

献爱心标语

2014/06/21 职场文书

晋江市人民政府党组群众路线教育实践活动整改方案

2014/10/25 职场文书

2015年个人现实表现材料

2014/12/10 职场文书

2015年安康杯竞赛活动总结

2015/03/26 职场文书

律师函格式范本

2015/05/27 职场文书

2016大学生诚信考试承诺书

2016/03/25 职场文书

优秀的商业计划书，让融资一步到位

2019/05/07 职场文书

SQLServer权限之只开启创建表权限

2022/04/12 SQL Server