兼容主流浏览器的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 相关文章推荐
JavaScript mapreduce工作原理简析
Nov 25 Javascript
Js实现当前点击a标签变色突出显示其他a标签回复原色
Nov 27 Javascript
jQuery中bind与live的用法及区别小结
Jan 27 Javascript
浅析AngularJS中的指令
Mar 20 Javascript
javascript如何实现360度全景照片问题汇总
Apr 04 Javascript
原生js实现addclass,removeclass,toggleclasss实例
Nov 24 Javascript
用JavaScript实现让浏览器停止载入页面的方法
Jan 19 Javascript
使用Bootstrap打造特色进度条效果
May 02 Javascript
JavaScript引用类型Function实例详解
Aug 09 Javascript
bootstrapTable+ajax加载数据 refresh更新数据
Aug 31 Javascript
微信小程序之导航滑块视图容器功能的实现代码(简单两步)
Jun 19 Javascript
js制作提示框插件
Dec 24 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
php比较相似字符串的方法
2015/06/05 PHP
PHP图像识别技术原理与实现
2016/10/27 PHP
select组合框option的捕捉实例代码
2008/09/30 Javascript
js select常用操作控制代码
2010/03/16 Javascript
基于jquery的分页控件(C#)
2011/01/06 Javascript
自己写的兼容ie和ff的在线文本编辑器类似ewebeditor
2012/12/12 Javascript
JavaScript实现大数的运算
2014/11/24 Javascript
javascript实现base64 md5 sha1 密码加密
2015/09/09 Javascript
js实现统计字符串中特定字符出现个数的方法
2016/08/02 Javascript
Bootstrap的popover(弹出框)2秒后定时消失的实现代码
2017/02/27 Javascript
jQuery实现选项卡功能(两种方法)
2017/03/08 Javascript
react性能优化达到最大化的方法 immutable.js使用的必要性
2017/03/09 Javascript
JavaScript 上传文件(psd,压缩包等),图片,视频的实现方法
2017/06/19 Javascript
详解在React里使用&quot;Vuex&quot;
2018/04/02 Javascript
详解如何在webpack中做预渲染降低首屏空白时间
2018/08/22 Javascript
NodeJS实现同步的方法
2019/03/02 NodeJs
微信小程序实用代码段(收藏版)
2019/12/17 Javascript
用vue设计一个日历表
2020/12/03 Vue.js
Python enumerate遍历数组示例应用
2008/09/06 Python
Python中解析JSON并同时进行自定义编码处理实例
2015/02/08 Python
python3+PyQt5实现文档打印功能
2018/04/24 Python
python3实现163邮箱SMTP发送邮件
2018/05/22 Python
HTML5所有标签汇总及标签意义解释
2015/03/12 HTML / CSS
全球最大的在线旅游公司:Expedia
2017/11/16 全球购物
澳大利亚在线时尚精品店:Hello Molly
2018/02/26 全球购物
什么是事务?事务有哪些性质?
2012/03/11 面试题
男方父母婚礼答谢词
2014/01/25 职场文书
小学新教师培训方案
2014/02/03 职场文书
国贸专业的职业规划书
2014/03/15 职场文书
党支部公开承诺书
2014/03/28 职场文书
大学生见习报告范文
2014/11/03 职场文书
回复函格式及范文
2015/07/14 职场文书
2016年“12.4”法制宣传日活动总结
2016/04/01 职场文书
Python数据可视化之用Matplotlib绘制常用图形
2021/06/03 Python
POST提交数据常见的四种方式
2022/01/18 HTML / CSS
springboot用户数据修改的详细实现
2022/04/06 Java/Android