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

JQuery操作tr和td内容的方法实例

Mar 06 Javascript

jQuery的cookie插件实现保存用户登陆信息

Apr 15 Javascript

jquery中键盘事件小结

Feb 24 Javascript

JavaScript中输出信息的方法(信息确认框-提示输入框-文档流输出)

Jun 12 Javascript

Bootstrap3多级下拉菜单

Feb 24 Javascript

ES6学习笔记之正则表达式和字符串正则方法分析

Apr 25 Javascript

Angular实现类似博客评论的递归显示及获取回复评论的数据

Nov 06 Javascript

讲解vue-router之什么是嵌套路由

May 28 Javascript

详解vue2.0 资源文件assets和static的区别

Nov 27 Javascript

BootStrap table实现表格行拖拽效果

Dec 01 Javascript

微信小程序 wepy框架与iview-weapp的用法详解

Apr 10 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

全国FM电台频率大全 - 18 湖南省

2020/03/11 无线电

批量获取memcache值并按key的顺序返回的实现代码

2011/06/14 PHP

详解HTTP Cookie状态管理机制

2016/01/14 PHP

Yii框架批量插入数据扩展类的简单实现方法

2017/05/23 PHP

PHP正则验证字符串是否为数字的两种方法并附常用正则

2019/02/27 PHP

用dom+xhtml+css制作的一个相册效果代码打包下载

2008/01/24 Javascript

jQuery live

2009/05/15 Javascript

jquery 学习之二属性相关

2010/11/23 Javascript

一些javascript一些题目的解析

2010/12/25 Javascript

ECMAScript 6即将带给我们新的数组操作方法前瞻

2015/01/06 Javascript

AngularJS中如何使用$http对MongoLab数据表进行增删改查

2016/01/23 Javascript

Sea.JS知识总结

2016/05/05 Javascript

JavaScript简单生成 N~M 之间随机数的方法

2017/01/13 Javascript

node.js中EJS 模板快速入门教程

2017/05/08 Javascript

JS实现的贪吃蛇游戏案例详解

2019/05/01 Javascript

NodeJS 文件夹拷贝以及删除功能

2019/09/03 NodeJs

基于Vue的侧边目录组件的实现

2020/02/05 Javascript

[03:05]DOTA2英雄基础教程嗜血狂魔

2013/12/10 DOTA

正确理解python中的关键字“with”与上下文管理器

2017/04/21 Python

Python基于Socket实现的简单聊天程序示例

2017/08/05 Python

利用Pandas读取文件路径或文件名称包含中文的csv文件方法

2018/07/04 Python

python 实现12bit灰度图像映射到8bit显示的方法

2019/07/08 Python

在Pytorch中使用样本权重(sample_weight)的正确方法

2019/08/17 Python

wxPython电子表格功能wx.grid实例教程

2019/11/19 Python

Python和Anaconda和Pycharm安装教程图文详解

2020/02/04 Python

基于PyTorch的permute和reshape/view的区别介绍

2020/06/18 Python

解决c++调用python中文乱码问题

2020/07/29 Python

纯CSS3实现移动端展开和收起效果的示例代码

2020/04/26 HTML / CSS

美国领先的奢侈手表在线零售商：WatchMaxx

2017/12/17 全球购物

如何写出高质量、高性能的MySQL查询

2014/11/17 面试题

高三学习决心书

2014/03/11 职场文书

活动总结格式范文

2014/04/26 职场文书

2015秋季开学典礼新闻稿

2015/07/17 职场文书

python pyhs2 的安装操作

2021/04/07 Python

JVM入门之类加载与字节码技术(类加载与类的加载器)

2021/06/15 Java/Android

JS轻量级函数式编程实现XDM二

2022/06/16 Javascript