兼容主流浏览器的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 相关文章推荐
关于jQuery $.isNumeric vs. $.isNaN vs. isNaN
Apr 15 Javascript
常见的原始JS选择器使用方法总结
Apr 09 Javascript
jQuery+CSS实现滑动的标签分栏切换效果
Dec 17 Javascript
关于Iframe父页面与子页面之间的相互调用
Nov 22 Javascript
本地Bootstrap文件字体图标引入却无法显示问题的解决方法
Apr 18 Javascript
Angular2 父子组件数据通信实例
Jun 22 Javascript
详解vue express启动数据服务
Jul 05 Javascript
解决vue单页使用keep-alive页面返回不刷新的问题
Mar 13 Javascript
node之本地服务器图片上传的方法示例
Mar 26 Javascript
Vue实现购物车详情页面的方法
Aug 20 Javascript
从Node.js事件触发器到Vue自定义事件的深入讲解
Jun 26 Javascript
Echarts如何重新渲染实例详解
May 30 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
从一个不错的留言本弄的mysql数据库操作类
2007/09/02 PHP
PHP与MySQL开发中页面乱码的产生与解决
2008/03/27 PHP
php实现概率性随机抽奖代码
2016/01/02 PHP
PHP实现的构造sql语句类实例
2016/02/03 PHP
php中照片旋转 (orientation) 问题的正确处理
2017/02/16 PHP
让Firefox支持event对象实现代码
2009/11/07 Javascript
javascript设计模式 接口介绍
2012/07/24 Javascript
js中回调函数的学习笔记
2014/07/31 Javascript
jQuery实现的产品自动360度旋转展示特效源码分享
2015/08/21 Javascript
JavaScript中数组的22种方法必学(推荐)
2016/07/20 Javascript
jQuery 全选 全不选 事件绑定的实现代码
2017/01/23 Javascript
jQuery弹出窗口简单实现代码
2017/03/09 Javascript
创建简单的node服务器实例(分享)
2017/06/23 Javascript
js判断在哪个浏览器打开项目的方法
2020/01/21 Javascript
原生javascript制作贪吃蛇小游戏的方法分析
2020/02/26 Javascript
[01:15]《辉夜杯》北京网鱼队巡礼
2015/10/26 DOTA
Python栈类实例分析
2015/06/15 Python
python 检查是否为中文字符串的方法
2018/12/28 Python
Python实现蒙特卡洛算法小实验过程详解
2019/07/12 Python
python 字典 setdefault()和get()方法比较详解
2019/08/07 Python
numpy实现神经网络反向传播算法的步骤
2019/12/24 Python
使用Python爬取弹出窗口信息的实例
2020/03/14 Python
世界上最大的铁人三项商店:Tri UK
2020/11/04 全球购物
应届生会计求职信
2013/11/11 职场文书
酒店个人培训自我鉴定
2013/12/11 职场文书
学历公证书范本
2014/04/09 职场文书
社会实践活动总结报告
2014/04/29 职场文书
护理学专业求职信
2014/06/29 职场文书
母亲去世追悼词
2015/06/23 职场文书
2015年“我们的节日·重阳节”活动总结
2015/07/29 职场文书
2015年庆祝国庆节66周年演讲稿
2015/07/30 职场文书
在校大学生才艺比赛策划书怎么写?
2019/08/26 职场文书
vite+vue3.0+ts+element-plus快速搭建项目的实现
2021/06/24 Vue.js
详解JavaScript中Arguments对象用途
2021/08/30 Javascript
python实现层次聚类的方法
2021/11/01 Python
日本十大血腥动漫,那些被禁播的动漫盘点
2022/03/21 日漫