兼容主流浏览器的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实现的WEB页面跳转以及页面间传值方法
May 13 Javascript
jQuery实现单行文字间歇向上滚动源代码
Jun 02 Javascript
关于include标签导致js路径找不到的问题分析及解决
Jul 09 Javascript
javascript实现倒计时(精确到秒)
Jun 26 Javascript
js实现图片无缝滚动
Dec 23 Javascript
javascript html5移动端轻松实现文件上传
Mar 27 Javascript
Bootstrap Paginator分页插件使用方法详解
May 30 Javascript
js使用Replace结合正则替换重复出现的字符串功能示例
Dec 27 Javascript
vue实现todolist单页面应用
Apr 11 Javascript
一篇看懂vuejs的状态管理神器 vuex状态管理模式
Apr 20 Javascript
纯JS实现简单的日历
Jun 26 Javascript
JavaScript实现移动端带transition动画的轮播效果
Mar 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把数据表导出为Excel表的最简单、最快的方法(不用插件)
2014/05/10 PHP
PHP开发框架Laravel数据库操作方法总结
2014/09/03 PHP
PHP扩展程序实现守护进程
2015/04/16 PHP
PHP邮箱验证示例教程
2016/06/01 PHP
Laravel重定向,a链接跳转,控制器跳转示例
2019/10/22 PHP
javascrpt绑定事件之匿名函数无法解除绑定问题
2012/12/06 Javascript
javascript数组输出的两种方式
2015/01/13 Javascript
Javascript核心读书有感之表达式和运算符
2015/02/11 Javascript
Nodejs中session的简单使用及通过session实现身份验证的方法
2016/02/04 NodeJs
Node.js文件操作方法汇总
2016/03/22 Javascript
分类解析jQuery选择器
2016/11/23 Javascript
angular实现图片懒加载实例代码
2017/06/08 Javascript
React+Antd+Redux实现待办事件的方法
2019/03/14 Javascript
javascript中的数据类型检测方法详解
2019/08/07 Javascript
微信小程序实现页面跳转传递参数(实体,对象)
2019/08/12 Javascript
js实现圆形显示鼠标单击位置
2020/02/11 Javascript
小程序自定义弹框效果
2020/11/16 Javascript
适用于 Vue 的播放器组件Vue-Video-Player操作
2020/11/16 Javascript
在Python中使用列表生成式的教程
2015/04/27 Python
介绍Python中的文档测试模块
2015/04/28 Python
Python使用tablib生成excel文件的简单实现方法
2016/03/16 Python
Python迭代器定义与简单用法分析
2018/04/30 Python
在python中只选取列表中某一纵列的方法
2018/11/28 Python
对python中url参数编码与解码的实例详解
2019/07/25 Python
pytorch 图像中的数据预处理和批标准化实例
2020/01/15 Python
html通过canvas转成base64的方法
2019/07/18 HTML / CSS
HTML5学习笔记之html5与传统html区别
2016/01/06 HTML / CSS
台湾旅游网站:灿星旅游
2018/10/11 全球购物
外贸主管求职简历的自我评价
2013/10/23 职场文书
小学生国庆演讲稿
2014/09/05 职场文书
药店采购员岗位职责
2014/09/30 职场文书
延安红色之旅心得体会
2014/10/07 职场文书
有关西游记的读书笔记
2015/06/25 职场文书
2016年“六一儿童节”校园广播稿
2015/12/17 职场文书
Go语言应该什么情况使用指针
2021/07/25 Golang
JavaScript声明变量和数据类型的转换
2022/04/12 Javascript