编程 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代码 var ie = !-[1,] 最短的IE判定代码

May 28 Javascript

15个款优秀的 jQuery 图片特效插件推荐

Nov 21 Javascript

兼容主流浏览器的iframe自适应高度js脚本

Jan 10 Javascript

apply和call方法定义及apply和call方法的区别

Nov 15 Javascript

浅谈js中StringBuffer类的实现方法及使用

Sep 02 Javascript

Bootstrap中的fileinput 多图片上传及编辑功能

Sep 05 Javascript

Move.js入门

Feb 08 Javascript

JavaScript实现两个select下拉框选项左移右移

Mar 09 Javascript

Angularjs+bootstrap+table多选（全选）支持单击行选中实现编辑、删除功能

Mar 27 Javascript

electron + vue项目实现打印小票功能及实现代码

Nov 25 Javascript

你可能不知道的CORS跨域资源共享

Mar 13 Javascript

js实现图片推拉门效果代码实例

May 18 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扩展vld查看PHP opcode操作步骤

2013/03/04 PHP

PHP读取zip文件的方法示例

2016/11/17 PHP

PHP开发api接口安全验证操作实例详解

2020/03/26 PHP

php gethostbyname获取域名ip地址函数详解

2010/01/24 Javascript

JavaScript类和继承 prototype属性

2010/09/03 Javascript

qTip2 精致的基于jQuery提示信息插件

2012/02/17 Javascript

js中使用replace方法完成某个字符的转换

2014/08/20 Javascript

浅析Javascript中“==”与“===”的区别

2014/12/23 Javascript

Javascript中实现trim()函数的两种方法

2015/02/04 Javascript

详解JavaScript中基于原型prototype的继承特性

2016/05/05 Javascript

微信小程序数据绑定详解及实例

2016/10/25 Javascript

jQuery点击导航栏选中更换样式的实现代码

2017/01/23 Javascript

jQuery实现一个简单的轮播图

2017/02/19 Javascript

原生js实现密码输入框值的显示隐藏

2017/07/17 Javascript

js中的面向对象之对象常见创建方法详解

2019/12/16 Javascript

vue 遮罩层阻止默认滚动事件操作

2020/07/28 Javascript

vue等两个接口都返回结果再执行下一步的实例

2020/09/08 Javascript

Element-UI 使用el-row 分栏布局的教程

2020/10/26 Javascript

解决pip install xxx报错SyntaxError: invalid syntax的问题

2018/11/30 Python

Python math库 ln(x)运算的实现及原理

2019/07/17 Python

利用PyCharm操作Github(仓库新建、更新，代码回滚)

2019/12/18 Python

Django通过json格式收集主机信息

2020/05/29 Python

python opencv实现简易画图板

2020/08/27 Python

HTML5 canvas画图并保存成图片的jcanvas插件

2014/01/17 HTML / CSS

丝绸和人造花卉、植物和树木：Nearly Natural

2018/11/28 全球购物

电影T恤、80年代T恤和80年代服装：TV Store Online

2020/01/05 全球购物

创伤外科专业推荐信范文

2013/11/19 职场文书

家佳咖啡店创业计划书

2013/12/27 职场文书

六年级数学教学反思

2014/02/03 职场文书

纪念九一八爱国演讲稿600字

2014/09/14 职场文书

企业党的群众路线教育实践活动学习心得体会

2014/10/31 职场文书

时尚女魔头观后感

2015/06/04 职场文书

2016师德师风学习心得体会

2016/01/12 职场文书

详解JAVA中的OPTIONAL

2021/06/14 Java/Android

SQL实现LeetCode(175.联合两表)

2021/08/04 MySQL

Windows 11要来了？微软文档揭示Win11太阳谷 / Win10有两个不同版本

2021/11/21 数码科技