兼容主流浏览器的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的放大镜效果
May 30 Javascript
自己编写的类似JS的trim方法
Oct 09 Javascript
js模仿java的Map集合详解
Jan 06 Javascript
详解Vue.js基于$.ajax获取数据并与组件的data绑定
May 26 Javascript
javascript实现二叉树的代码
Jun 08 Javascript
jQuery实现下拉菜单的实例代码
Jun 19 jQuery
微信小程序slider组件使用详解
Jan 31 Javascript
VUE + UEditor 单图片跨域上传功能的实现方法
Feb 08 Javascript
element-ui 上传图片后清空图片显示的实例
Sep 04 Javascript
如何用原生js写一个弹窗消息提醒插件
May 24 Javascript
解决vuex数据页面刷新后初始化操作
Jul 26 Javascript
JS封装cavans多种滤镜组件
Feb 15 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 Token(令牌)设计
2008/03/15 PHP
php通过session防url攻击方法
2014/12/10 PHP
PHP面向对象自动加载机制原理与用法分析
2016/10/14 PHP
PHP经典设计模式之依赖注入定义与用法详解
2019/05/21 PHP
jquery Firefox3.5中操作select的问题
2009/07/10 Javascript
javaScript 关闭浏览器 (不弹出提示框)
2010/01/31 Javascript
file模式访问网页时iframe高度自适应解决方案
2013/01/16 Javascript
快速解决FusionCharts联动的中文乱码问题
2013/12/04 Javascript
js无刷新操作table的行和列
2014/03/27 Javascript
javascript实现回车键提交表单方法总结
2015/01/10 Javascript
JS针对浏览器窗口关闭事件的监听方法集锦
2016/06/24 Javascript
RequireJS简易绘图程序开发
2016/10/28 Javascript
Jquery给当前页或者跳转后页面的导航栏添加选中后样式的实例
2016/12/08 Javascript
浅谈javascript中的 “ &amp;&amp; ” 和 “ || ”
2017/02/02 Javascript
jQuery中each循环的跳出和结束实例
2017/08/16 jQuery
在vue中实现简单页面逆传值的方法
2017/11/27 Javascript
JavaScript闭包原理与用法实例分析
2018/08/10 Javascript
JavaScript实现随机点名器
2020/03/25 Javascript
详解Python3中的Sequence type的使用
2015/08/01 Python
Python中time模块与datetime模块在使用中的不同之处
2015/11/24 Python
Python装饰器基础详解
2016/03/09 Python
python url 参数修改方法
2018/12/26 Python
Django给admin添加Action的步骤详解
2019/05/01 Python
django-rest-framework 自定义swagger过程详解
2019/07/18 Python
关于python3中setup.py小概念解析
2019/08/22 Python
python super用法及原理详解
2020/01/20 Python
Java面试中常遇到的问题,也是需要注意的几点
2013/08/30 面试题
金融专业推荐信
2013/11/14 职场文书
个人简历中自我评价
2014/02/11 职场文书
2015年幼儿园毕业感言
2014/02/12 职场文书
汽车销售经理岗位职责
2014/06/09 职场文书
2014年社区民政工作总结
2014/12/02 职场文书
骨干教师申报材料
2014/12/17 职场文书
助学感谢信范文
2015/01/21 职场文书
归元寺导游词
2015/02/06 职场文书
广告业务员岗位职责
2015/02/13 职场文书