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


Posted in Javascript onJanuary 10, 2014

兼容主流浏览器的 Iframe 自适应高度,js脚本如下:

//iframe 高度自适应 
function iframeAutoFit(iframeObj) { 
setTimeout(function () { 
if (!iframeObj) return; 
iframeObj.height = (iframeObj.Document ? iframeObj.Document.body.scrollHeight : iframeObj.contentDocument.body.offsetHeight); 
}, 200); 
}<span style="font-family: Arial, Helvetica, sans-serif;"> </span>

调用方法:
<iframe id="HQRight" name="HQRight" onload="javascript:iframeAutoFit(this);" 
height="235px;" width="770px" frameborder="0" scrolling="no" 
src="Market/HQData_page.aspx?t=tjs"></iframe>

扩展:
//动态添加样式 
function addSheetFile(obj, path) { 
if (obj == undefined || obj == null) 
obj = document; var fileref = obj.createElement("link") 
fileref.rel = "stylesheet"; 
fileref.type = "text/css"; 
fileref.href = path; 
fileref.media = "screen"; 
var headobj = obj.getElementsByTagName('head')[0]; 
headobj.appendChild(fileref); 
}
Javascript 相关文章推荐
js类中获取外部函数名的方法
Aug 19 Javascript
input的focus方法使用
Mar 13 Javascript
小试JQuery的AutoComplete插件
May 04 Javascript
教你如何使用PHP输出中文JSON字符串
May 22 Javascript
JS+CSS实现TreeMenu二级树形菜单完整实例
Sep 18 Javascript
JS禁用页面上所有控件的实现方法(附demo源码下载)
Dec 17 Javascript
Bootstrap3学习笔记(二)之排版
May 20 Javascript
简单理解js的prototype属性及使用
Dec 07 Javascript
微信小程序 本地数据读取实例
Apr 27 Javascript
echarts实现地图定时切换散点与多图表级联联动详解
Aug 07 Javascript
layui之数据表格--与后台交互获取数据的方法
Sep 29 Javascript
解决vuex刷新数据消失问题
Nov 12 Javascript
javascript遍历控件实例详细解析
Jan 10 #Javascript
关闭ie窗口清除Session的解决方法
Jan 10 #Javascript
js出生日期 年月日级联菜单示例代码
Jan 10 #Javascript
JS实现根据出生年月计算年龄
Jan 10 #Javascript
javascript使用百度地图api和html5特性获取浏览器位置
Jan 10 #Javascript
javascript通过className来获取元素的简单示例代码
Jan 10 #Javascript
深入理解JSON数据源格式
Jan 10 #Javascript
You might like
Memcache 在PHP中的使用技巧
2010/02/08 PHP
php数据库连接时容易出错的特殊符号问题
2010/09/01 PHP
php使用pdo连接mssql server数据库实例
2014/12/25 PHP
PHP实现的曲线统计图表示例
2016/11/10 PHP
[原创]用javascript实现检测指定目录是否存在的方法
2008/01/12 Javascript
JS 屏蔽键盘不可用与鼠标右键不可用的方法
2013/11/18 Javascript
jquery中交替点击事件的实现代码
2014/02/14 Javascript
javascript中的五种基本数据类型
2015/08/26 Javascript
ztree获取选中节点时不能进入可视区域出现BUG如何解决
2015/12/03 Javascript
JavaScript使ifram跨域相互访问及与PHP通信的实例
2016/03/03 Javascript
js仿小米官网图片轮播特效
2016/09/29 Javascript
NodeJS使用formidable实现文件上传
2016/10/27 NodeJs
JS中的算法与数据结构之列表(List)实例详解
2019/08/16 Javascript
Node.js使用MongoDB的ObjectId作为查询条件的方法
2019/09/10 Javascript
IDEA安装vue插件图文详解
2019/09/26 Javascript
JavaScript数组常用的增删改查与其他属性详解
2020/10/13 Javascript
[36:43]NB vs Optic 2018国际邀请赛小组赛BO1 B组加赛 8.19
2018/08/21 DOTA
python解析html开发库pyquery使用方法
2014/02/07 Python
深度定制Python的Flask框架开发环境的一些技巧总结
2016/07/12 Python
基于Django的python验证码(实例讲解)
2017/10/23 Python
python3连接MySQL8.0的两种方式
2020/02/17 Python
使用tensorflow根据输入更改tensor shape
2020/06/23 Python
Django windows使用Apache实现部署流程解析
2020/10/12 Python
简单介绍CSS3中Media Query的使用
2015/07/07 HTML / CSS
Melijoe时尚童装德国官网:Melijoe德国
2016/09/03 全球购物
abstract是什么意思
2012/02/12 面试题
写给老师的表扬信
2014/01/21 职场文书
3.12植树节活动总结2014
2014/03/13 职场文书
实习推荐信
2014/05/10 职场文书
幼儿园课题实施方案
2014/05/14 职场文书
小学校长汇报材料
2014/08/20 职场文书
Pytorch数据读取之Dataset和DataLoader知识总结
2021/05/23 Python
MySQL单表千万级数据处理的思路分享
2021/06/05 MySQL
动漫APP软件排行榜前十名,半次元上榜,第一款由腾讯公司推出
2022/03/18 杂记
苹果的回收机器人可以通过拆解iPhone获取大量的金和铜并外公布了环境保护最新进展
2022/04/21 数码科技
MySQL数据库简介与基本操作
2022/05/30 MySQL