兼容主流浏览器的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身份证验证超强脚本
Oct 26 Javascript
Jquery练习之表单验证实现代码
Dec 14 Javascript
jquery重新播放css动画所遇问题解决
Aug 21 Javascript
JS控制输入框内字符串长度
May 21 Javascript
删除javascript所创建子节点的方法
May 21 Javascript
微信小程序 navbar实例详解
May 11 Javascript
BootStrap实现文件上传并带有进度条效果
Sep 11 Javascript
mint-ui 时间插件使用及获取选择值的方法
Feb 09 Javascript
vue 父组件调用子组件方法及事件
Mar 29 Javascript
一个Vue视频媒体多段裁剪组件的实现示例
Aug 09 Javascript
IE8中jQuery.load()加载页面不显示的原因
Nov 15 jQuery
vue 解决IOS10低版本白屏的问题
Nov 17 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中常用的预定义变量小结
2012/05/09 PHP
深入for,while,foreach遍历时间比较的详解
2013/06/08 PHP
php密码生成类实例
2014/09/24 PHP
php实现图片文件与下载文件防盗链的方法
2014/11/03 PHP
php中文繁体和简体相互转换的方法
2015/03/21 PHP
对laravel的session获取与存取方法详解
2019/10/08 PHP
laravel框架之数据库查出来的对象实现转化为数组
2019/10/23 PHP
B/S开发中常用javaScript技术与代码
2007/03/09 Javascript
jQuery EasyUI API 中文文档 - ProgressBar 进度条
2011/09/29 Javascript
jQuery.each()用法分享
2012/07/31 Javascript
深入理解javascript动态插入技术
2013/11/12 Javascript
使用jquery实现以post打开新窗口
2014/03/19 Javascript
nodejs实现黑名单中间件设计
2014/06/17 NodeJs
在jQuery中处理XML数据的大致方法
2015/08/14 Javascript
jquery原理以及学习技巧介绍
2015/11/11 Javascript
鼠标悬停小图标显示大图标
2016/01/22 Javascript
微信小程序 Windows2008 R2服务器配置TLS1.2方法
2016/12/05 Javascript
JavaScript用构造函数如何获取变量的类型名
2016/12/23 Javascript
iview同时验证多个表单问题总结
2018/09/29 Javascript
js实现随机8位验证码
2020/07/24 Javascript
Python闭包之返回函数的函数用法示例
2018/01/27 Python
详谈python中冒号与逗号的区别
2018/04/18 Python
PyQt5 对图片进行缩放的实例
2019/06/18 Python
Python 余弦相似度与皮尔逊相关系数 计算实例
2019/12/23 Python
基于python3实现倒叙字符串
2020/02/18 Python
Python configparser模块操作代码实例
2020/06/08 Python
一文读懂Python 枚举
2020/08/25 Python
浅谈matplotlib默认字体设置探索
2021/02/03 Python
实习自我鉴定模板
2013/09/28 职场文书
法律工作求职自荐信
2013/10/31 职场文书
运动会开幕式邀请函
2014/01/22 职场文书
保密工作整改报告
2014/11/06 职场文书
2015年大学班长个人工作总结
2015/04/24 职场文书
使用HTML+Css+transform实现3D导航栏的示例代码
2021/03/31 HTML / CSS
react国际化react-intl的使用
2021/05/06 Javascript
Python中np.random.randint()参数详解及用法实例
2022/09/23 Python