兼容主流浏览器的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 Object的extend是一个常用的功能
Dec 02 Javascript
Js切换功能的简单方法
Nov 23 Javascript
js读取注册表的键值示例
Sep 25 Javascript
关于JavaScript对象的动态选择及遍历对象
Mar 10 Javascript
jQuery实现tab标签自动切换的方法
Feb 28 Javascript
javascript中SetInterval与setTimeout的定时器用法
Aug 24 Javascript
jquery form表单获取内容以及绑定数据
Feb 24 Javascript
举例说明JavaScript中的实例对象与原型对象
Mar 11 Javascript
一个简易时钟效果js实现代码
Mar 25 Javascript
详解vue中this.$emit()的返回值是什么
Apr 07 Javascript
vue 使用axios 数据请求第三方插件的使用教程详解
Jul 05 Javascript
vue3如何优雅的实现移动端登录注册模块
Mar 29 Vue.js
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
《一拳超人》埼玉一拳下去,他们存在了800年毫无意义!
2020/03/02 日漫
改写ThinkPHP的U方法使其路由下分页正常
2014/07/02 PHP
Laravel使用scout集成elasticsearch做全文搜索的实现方法
2018/11/30 PHP
javascript编程起步(第四课)
2007/02/27 Javascript
灵活应用js调试技巧解决样式问题的步骤分享
2012/03/15 Javascript
javascript实现文字图片上下滚动的具体实例
2013/06/28 Javascript
深入理解javascript中return的作用
2013/12/30 Javascript
对Jquery中的ajax再封装,简化操作示例
2014/02/12 Javascript
js实现索引图片切换效果
2015/11/21 Javascript
jQuery validate插件实现ajax验证重复的2种方法
2016/01/22 Javascript
Node.js下自定义错误类型详解
2016/10/17 Javascript
jQuery实现复选框的全选和反选
2017/02/02 Javascript
Vue关于数据绑定出错解决办法
2017/05/15 Javascript
NodeJS设计模式总结【单例模式,适配器模式,装饰模式,观察者模式】
2017/09/06 NodeJs
浅谈Node.js爬虫之网页请求模块
2018/01/11 Javascript
浅谈node.js 命令行工具(cli)
2018/05/10 Javascript
JS/HTML5游戏常用算法之路径搜索算法 随机迷宫算法详解【普里姆算法】
2018/12/13 Javascript
vue实现动态显示与隐藏底部导航的方法分析
2019/02/11 Javascript
搭建一个nodejs脚手架的方法步骤
2019/06/28 NodeJs
VueX模块的具体使用(小白教程)
2020/06/05 Javascript
js模拟实现百度搜索
2020/06/28 Javascript
Python生成器(Generator)详解
2015/04/13 Python
Python中处理字符串之islower()方法的使用简介
2015/05/19 Python
浅谈Tensorflow模型的保存与恢复加载
2018/04/26 Python
使用sklearn之LabelEncoder将Label标准化的方法
2018/07/11 Python
python实现嵌套列表平铺的两种方法
2018/11/08 Python
TensorFlow 多元函数的极值实例
2020/02/10 Python
Python 连接 MySQL 的几种方法
2020/09/09 Python
韩国邮政旗下生鲜食品网上超市:epost
2016/08/27 全球购物
大学生优秀的自我评价分享
2013/10/22 职场文书
机关节能减排实施方案
2014/03/17 职场文书
自我查摆剖析材料
2014/10/11 职场文书
产品调价通知函
2015/04/20 职场文书
公共场所卫生管理制度
2015/08/05 职场文书
100句拼搏进取的名言警句,值得一读!
2019/10/07 职场文书
如何使JavaScript休眠或等待
2021/04/27 Javascript