兼容主流浏览器的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 防止表单重复提交代码
Jan 21 Javascript
js校验表单后提交表单的三种方法总结
Feb 28 Javascript
Jquery常用的方法汇总
Sep 01 Javascript
AngularJS 所有版本下载地址
Sep 14 Javascript
JS 动态加载js文件和css文件 同步/异步的两种简单方式
Sep 23 Javascript
JavaScript设计模式之代理模式详解
Jun 09 Javascript
简单谈谈js的数据类型
Sep 25 Javascript
vue + element-ui实现简洁的导入导出功能
Dec 22 Javascript
详解webpack-dev-server 设置反向代理解决跨域问题
Apr 18 Javascript
layui 富文本图片上传接口与普通按钮 文件上传接口的例子
Sep 23 Javascript
jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】
May 19 jQuery
浅谈JavaScript中this的指向更改
Jul 28 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个人网站架设连环讲(二)
2006/10/09 PHP
Apache2中实现多网站域名绑定的实现方法
2011/06/01 PHP
Jquery 快速构建可拖曳的购物车DragDrop
2009/11/30 Javascript
围观tangram js库
2010/12/28 Javascript
jQuery把表单元素变为json对象
2013/11/06 Javascript
jQuery Migrate 1.1.0 Released 注意事项
2014/06/14 Javascript
javascript二维数组转置实例
2015/01/22 Javascript
关于javascript中dataset的问题小结
2015/11/16 Javascript
jQuery实现选中弹出窗口选择框内容后赋值给文本框的方法
2015/11/23 Javascript
网页中JS函数自动执行常用三种方法
2016/03/30 Javascript
原生JS和jQuery版实现文件上传功能
2016/04/18 Javascript
jquery解析XML及获取XML节点名称的实现代码
2016/05/18 Javascript
Javascript中的getter和setter初识
2017/08/17 Javascript
解决vue-router 二级导航默认选中某一选项的问题
2019/11/01 Javascript
jQuery实现全选、反选和不选功能的方法详解
2019/12/04 jQuery
解决vue prop传值default属性如何使用,为何不生效的问题
2020/09/21 Javascript
VUE-ElementUI 自定义Loading图操作
2020/11/11 Javascript
Vue中强制组件重新渲染的正确方法
2021/01/03 Vue.js
nodejs中的异步编程知识点详解
2021/01/17 NodeJs
Python3实现带附件的定时发送邮件功能
2020/12/22 Python
Python基于Flask框架配置依赖包信息的项目迁移部署
2018/03/02 Python
python之yield和Generator深入解析
2019/09/18 Python
Python面向对象程序设计之类和对象、实例变量、类变量用法分析
2020/03/23 Python
Pythonic版二分查找实现过程原理解析
2020/08/11 Python
英国领先的男装设计师服装购物网站:Mainline Menswear
2018/02/04 全球购物
Wallis官网:英国女装零售商
2020/01/21 全球购物
中专药剂专业应届毕的自我评价
2013/12/27 职场文书
校园新闻广播稿
2014/01/10 职场文书
最新奶茶店创业计划书
2014/01/25 职场文书
感恩小明星事迹材料
2014/05/23 职场文书
关于十八大的演讲稿
2014/09/15 职场文书
2015年学生管理工作总结
2015/05/26 职场文书
电影建国大业观后感
2015/06/01 职场文书
PHP控制循环操作的时间
2021/04/01 PHP
mysql联合索引的使用规则
2021/06/23 MySQL
Linux下搭建SFTP服务器的命令详解
2022/06/25 Servers