编程 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 学习笔记选择器之一

Jul 23 Javascript

javascript实现的像java、c#之类的sleep暂停的函数代码

Mar 04 Javascript

复制Input内容的js代码_支持所有浏览器，修正了Firefox3.5以上的问题

Jun 21 Javascript

JS实现点击链接取消跳转效果的方法

Jan 24 Javascript

javascript页面上使用动态时间具体实现

Mar 18 Javascript

用模版生成HTML的的框架jquery.tmpl使用详解

Jan 07 Javascript

详解ECMAScript6入门--Class对象

Apr 27 Javascript

ReactNative之键盘Keyboard的弹出与消失示例

Jul 11 Javascript

JavaScript实现区块链

Mar 14 Javascript

Vue 重置组件到初始状态的方法示例

Oct 10 Javascript

Vue动态加载图片在跨域时无法显示的问题及解决方法

Mar 10 Javascript

vue实现树状表格效果

Dec 29 Vue.js

去除链接虚线全面分析总结

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 字符串加密函数(在指定时间内加密还原字符串，超时无法还原)

2010/04/28 PHP

PHP与javascript实现变量交互的示例代码

2013/07/23 PHP

解析php mysql 事务处理回滚操作(附实例)

2013/08/05 PHP

php获取qq用户昵称和在线状态（实例分析）

2013/10/27 PHP

easyui的tabs update正确用法分享

2014/03/21 PHP

Session 失效的原因汇总及解决丢失办法

2015/09/30 PHP

阿里云Win2016安装Apache和PHP环境图文教程

2018/03/11 PHP

laravel 框架配置404等异常页面

2019/01/07 PHP

js对象转json数组的简单实现案例

2014/02/28 Javascript

现如今最流行的JavaScript代码规范

2014/03/08 Javascript

使用JS实现jQuery的addClass, removeClass, hasClass函数功能

2014/10/31 Javascript

JS+CSS实现可拖拽的漂亮圆角特效弹出层完整实例

2015/02/13 Javascript

解决js函数闭包内存泄露问题的办法

2016/01/25 Javascript

最佳的JavaScript错误处理实践

2016/07/16 Javascript

javascript实现圣旨卷轴展开效果（代码分享）

2017/03/23 Javascript

总结js中的一些兼容性易错的问题

2017/12/18 Javascript

完美解决axios在ie下的兼容性问题

2018/03/05 Javascript

解决nodejs的npm命令无反应的问题

2018/05/17 NodeJs

详解基于Vue cli生成的Vue项目的webpack4升级

2018/06/19 Javascript

使用watch在微信小程序中实现全局状态共享

2019/06/03 Javascript

通过JQuery，JQueryUI和Jsplumb实现拖拽模块

2019/06/18 jQuery

[01:16:12]完美世界DOTA2联赛PWL S2 FTD vs Inki 第一场 11.21

2020/11/23 DOTA

python中执行shell命令的几个方法小结

2014/09/18 Python

Python编程中的for循环语句学习教程

2015/10/14 Python

python人民币小写转大写辅助工具

2018/06/20 Python

在ubuntu16.04中将python3设置为默认的命令写法

2018/10/31 Python

pyinstaller打包单个exe后无法执行错误的解决方法

2019/06/21 Python

Python 获取 datax 执行结果保存到数据库的方法

2019/07/11 Python

django执行数据库查询之后实现返回的结果集转json

2020/03/31 Python

经典C++面试题一

2016/11/06 面试题

.NET程序员的几道面试题

2012/06/01 面试题

领导检查欢迎词

2014/01/14 职场文书

安全协议书

2014/04/23 职场文书

2014年房地产销售工作总结

2014/12/01 职场文书

Vue OpenLayer测距功能的实现

2022/04/20 Vue.js

win10怎么设置右下角图标不折叠?Win10设置右下角图标不折叠的方法

2022/07/15 数码科技