兼容主流浏览器的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 有名函数表达式全面解析
Mar 19 Javascript
禁止选中文字兼容IE、Chrome、FF等
Sep 04 Javascript
HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列
Apr 26 Javascript
使用jQuery Rotare实现微信大转盘抽奖功能
Jun 20 Javascript
javascript入门之数组[新手必看]
Nov 21 Javascript
Vue中img的src属性绑定与static文件夹实例
May 18 Javascript
Angular指令之restict匹配模式的详解
Jul 27 Javascript
Vue2.0中集成UEditor富文本编辑器的方法
Mar 03 Javascript
如何为vue的项目添加单元测试
Dec 19 Javascript
Node.js+Express+Mysql 实现增删改查
Apr 03 Javascript
ES6 Iterator接口和for...of循环用法分析
Jul 31 Javascript
vue实现书本翻页动画效果实例详解
Apr 08 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
PHP输入输出流学习笔记
2015/05/12 PHP
以实例全面讲解PHP中多进程编程的相关函数的使用
2015/08/18 PHP
php数据访问之增删改查操作
2016/05/09 PHP
PHP编程获取图片的主色调的方法【基于Imagick扩展】
2017/08/02 PHP
PHP如何搭建百度Ueditor富文本编辑器
2018/09/21 PHP
Javascript实现的分页函数
2007/02/07 Javascript
jquery tools之tooltip
2009/07/25 Javascript
javascript alert乱码的解决方法
2013/11/05 Javascript
javascript动态添加、修改、删除对象的属性与方法详解
2014/01/27 Javascript
JQuery工具函数汇总
2015/06/15 Javascript
jQuery 遍历函数详解
2015/07/05 Javascript
js判断日期时间有效性的方法
2015/10/24 Javascript
基于js实现微信发送好友如何分享到朋友圈、微博
2015/11/30 Javascript
深入理解jQuery中的事件冒泡
2016/05/24 Javascript
JavaScript基本类型值-Number类型
2017/02/24 Javascript
springMVC + easyui + $.ajaxFileUpload实现文件上传注意事项
2017/04/23 Javascript
Vue Cli3 创建项目的方法步骤
2018/10/15 Javascript
javascript使用substring实现的展开与收缩文字功能示例
2019/06/17 Javascript
layui实现tab的添加拒绝重复的方法
2019/09/04 Javascript
Vue 3.0 全家桶抢先体验
2020/04/28 Javascript
JS表单验证插件之数据与逻辑分离操作实例分析【策略模式】
2020/05/01 Javascript
基于NodeJS开发钉钉回调接口实现AES-CBC加解密
2020/08/20 NodeJs
vue使用video插件vue-video-player的示例
2020/10/03 Javascript
python 多线程实现检测服务器在线情况
2015/11/25 Python
python 打印出所有的对象/模块的属性(实例代码)
2016/09/11 Python
python3学习笔记之多进程分布式小例子
2018/02/13 Python
python制作mysql数据迁移脚本
2019/01/01 Python
django框架F&amp;Q 聚合与分组操作示例
2019/12/12 Python
用Python在Excel里画出蒙娜丽莎的方法示例
2020/04/28 Python
Python 解析xml文件的示例
2020/09/29 Python
HTML5 Canvas——用路径描画线条实例介绍
2013/06/09 HTML / CSS
使用phonegap克隆和删除联系人的实现方法
2017/03/31 HTML / CSS
老师给学生的表扬信
2014/01/17 职场文书
公司车队管理制度
2015/08/04 职场文书
2019事业单位个人工作总结范文
2019/08/26 职场文书
解决hive中导入text文件遇到的坑
2021/04/07 Python